WordPress.org
Get WordPress

Plugin Directory

Changeset 2972190


Ignore:
Timestamp:
09/27/2023 11:41:28 AM (2 years ago)
Author:
Anydog
Message:

Version 1.1.0 - see changelog for details

Location:
wcspots/trunk
Files:
27 edited

Legend:

Unmodified
Added
Removed

  • wcspots/trunk/build/block.json

    r2928069 r2972190  
    133133      "default": "0.5em"
    134134    },
     135    "imageSize": {
     136      "type": "string",
     137      "default": "50%"
     138    },
     139    "featuredImageSize": {
     140      "type": "string",
     141      "default": "automatic"
     142    },
    135143    "titleSize": {
    136144      "type": "string",
    … …  
    177185        "titleSize": "14px",
    178186        "iconStyle": "iconstyle-1",
    179         "primaryColor": "rgba(17, 17, 17, 0.2)",
    180         "secondaryColor": "rgb(255, 255, 255)"
     187        "primaryColor": "rgba(120, 120, 120, 0.7)",
     188        "secondaryColor": "#fff",
     189        "size": 2,
     190        "innerSize": 1,
     191        "pulsateEff": true
    181192      }
    182193    },
    … …  
    213224        "productSpacing": "0.6em",
    214225        "productPadding": "0.8em",
     226        "imageSizeOn": false,
     227        "imageSize": "30vh",
    215228        "titleSize": "1em",
    216229        "priceSize": "1em",

  • wcspots/trunk/build/frontend/index.asset.php

    r2928069 r2972190  
    1 <?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '99d775a7f05fc7a68902');
     1<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'f267c66086d15e0ba6fd');

  • wcspots/trunk/build/frontend/index.js

    r2928069 r2972190  
    1 (()=>{var e={856:function(e){e.exports=function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,r){return t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(e,r)}function r(e,n,o){return r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct:function(e,r,n){var o=[null];o.push.apply(o,r);var i=new(Function.bind.apply(e,o));return n&&t(i,n.prototype),i},r.apply(null,arguments)}function n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i=[],_n=!0,a=!1;try{for(r=r.call(e);!(_n=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);_n=!0);}catch(e){a=!0,o=e}finally{try{_n||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||i(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var l=Object.entries,c=Object.setPrototypeOf,s=Object.isFrozen,u=Object.getPrototypeOf,d=Object.getOwnPropertyDescriptor,p=Object.freeze,m=Object.seal,f=Object.create,h="undefined"!=typeof Reflect&&Reflect,g=h.apply,v=h.construct;g||(g=function(e,t,r){return e.apply(t,r)}),p||(p=function(e){return e}),m||(m=function(e){return e}),v||(v=function(e,t){return r(e,o(t))});var y,b=O(Array.prototype.forEach),w=O(Array.prototype.pop),E=O(Array.prototype.push),_=O(String.prototype.toLowerCase),R=O(String.prototype.toString),N=O(String.prototype.match),T=O(String.prototype.replace),C=O(String.prototype.indexOf),S=O(String.prototype.trim),A=O(RegExp.prototype.test),x=(y=TypeError,function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return v(y,t)});function O(e){return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];return g(e,t,n)}}function L(e,t,r){r=r||_,c&&c(e,null);for(var n=t.length;n--;){var o=t[n];if("string"==typeof o){var i=r(o);i!==o&&(s(t)||(t[n]=i),o=i)}e[o]=!0}return e}function k(e){var t,r=f(null),o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=i(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return l=e.done,e},e:function(e){c=!0,a=e},f:function(){try{l||null==r.return||r.return()}finally{if(c)throw a}}}}(l(e));try{for(o.s();!(t=o.n()).done;){var a=n(t.value,2),c=a[0],s=a[1];r[c]=s}}catch(e){o.e(e)}finally{o.f()}return r}function I(e,t){for(;null!==e;){var r=d(e,t);if(r){if(r.get)return O(r.get);if("function"==typeof r.value)return O(r.value)}e=u(e)}return function(e){return console.warn("fallback value for",e),null}}var M=p(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),P=p(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),D=p(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),j=p(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),z=p(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),F=p(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),U=p(["#text"]),B=p(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),H=p(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),q=p(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),G=p(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),W=m(/\{\{[\w\W]*|[\w\W]*\}\}/gm),$=m(/<%[\w\W]*|[\w\W]*%>/gm),Y=m(/\${[\w\W]*}/gm),V=m(/^data-[\-\w.\u00B7-\uFFFF]/),K=m(/^aria-[\-\w]+$/),J=m(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),X=m(/^(?:\w+script|data):/i),Z=m(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Q=m(/^html$/i),ee=function(){return"undefined"==typeof window?null:window},te=function(t,r){if("object"!==e(t)||"function"!=typeof t.createPolicy)return null;var n=null,o="data-tt-policy-suffix";r.currentScript&&r.currentScript.hasAttribute(o)&&(n=r.currentScript.getAttribute(o));var i="dompurify"+(n?"#"+n:"");try{return t.createPolicy(i,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};return function t(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(),n=function(e){return t(e)};if(n.version="3.0.1",n.removed=[],!r||!r.document||9!==r.document.nodeType)return n.isSupported=!1,n;var i=r.document,a=r.document,c=r.DocumentFragment,s=r.HTMLTemplateElement,u=r.Node,d=r.Element,m=r.NodeFilter,f=r.NamedNodeMap,h=void 0===f?r.NamedNodeMap||r.MozNamedAttrMap:f,g=r.HTMLFormElement,v=r.DOMParser,y=r.trustedTypes,O=d.prototype,re=I(O,"cloneNode"),ne=I(O,"nextSibling"),oe=I(O,"childNodes"),ie=I(O,"parentNode");if("function"==typeof s){var ae=a.createElement("template");ae.content&&ae.content.ownerDocument&&(a=ae.content.ownerDocument)}var le=te(y,i),ce=le?le.createHTML(""):"",se=a,ue=se.implementation,de=se.createNodeIterator,pe=se.createDocumentFragment,me=se.getElementsByTagName,fe=i.importNode,he={};n.isSupported="function"==typeof l&&"function"==typeof ie&&ue&&void 0!==ue.createHTMLDocument;var ge,ve,ye=W,be=$,we=Y,Ee=V,_e=K,Re=X,Ne=Z,Te=J,Ce=null,Se=L({},[].concat(o(M),o(P),o(D),o(z),o(U))),Ae=null,xe=L({},[].concat(o(B),o(H),o(q),o(G))),Oe=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Le=null,ke=null,Ie=!0,Me=!0,Pe=!1,De=!0,je=!1,ze=!1,Fe=!1,Ue=!1,Be=!1,He=!1,qe=!1,Ge=!0,We=!1,$e=!0,Ye=!1,Ve={},Ke=null,Je=L({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Xe=null,Ze=L({},["audio","video","img","source","image","track"]),Qe=null,et=L({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),tt="http://www.w3.org/1998/Math/MathML",rt="http://www.w3.org/2000/svg",nt="http://www.w3.org/1999/xhtml",ot=nt,it=!1,at=null,lt=L({},[tt,rt,nt],R),ct=["application/xhtml+xml","text/html"],st=null,ut=a.createElement("form"),dt=function(e){return e instanceof RegExp||e instanceof Function},pt=function(t){st&&st===t||(t&&"object"===e(t)||(t={}),t=k(t),ge=ge=-1===ct.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,ve="application/xhtml+xml"===ge?R:_,Ce="ALLOWED_TAGS"in t?L({},t.ALLOWED_TAGS,ve):Se,Ae="ALLOWED_ATTR"in t?L({},t.ALLOWED_ATTR,ve):xe,at="ALLOWED_NAMESPACES"in t?L({},t.ALLOWED_NAMESPACES,R):lt,Qe="ADD_URI_SAFE_ATTR"in t?L(k(et),t.ADD_URI_SAFE_ATTR,ve):et,Xe="ADD_DATA_URI_TAGS"in t?L(k(Ze),t.ADD_DATA_URI_TAGS,ve):Ze,Ke="FORBID_CONTENTS"in t?L({},t.FORBID_CONTENTS,ve):Je,Le="FORBID_TAGS"in t?L({},t.FORBID_TAGS,ve):{},ke="FORBID_ATTR"in t?L({},t.FORBID_ATTR,ve):{},Ve="USE_PROFILES"in t&&t.USE_PROFILES,Ie=!1!==t.ALLOW_ARIA_ATTR,Me=!1!==t.ALLOW_DATA_ATTR,Pe=t.ALLOW_UNKNOWN_PROTOCOLS||!1,De=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,je=t.SAFE_FOR_TEMPLATES||!1,ze=t.WHOLE_DOCUMENT||!1,Be=t.RETURN_DOM||!1,He=t.RETURN_DOM_FRAGMENT||!1,qe=t.RETURN_TRUSTED_TYPE||!1,Ue=t.FORCE_BODY||!1,Ge=!1!==t.SANITIZE_DOM,We=t.SANITIZE_NAMED_PROPS||!1,$e=!1!==t.KEEP_CONTENT,Ye=t.IN_PLACE||!1,Te=t.ALLOWED_URI_REGEXP||Te,ot=t.NAMESPACE||nt,Oe=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&dt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Oe.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&dt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Oe.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Oe.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),je&&(Me=!1),He&&(Be=!0),Ve&&(Ce=L({},o(U)),Ae=[],!0===Ve.html&&(L(Ce,M),L(Ae,B)),!0===Ve.svg&&(L(Ce,P),L(Ae,H),L(Ae,G)),!0===Ve.svgFilters&&(L(Ce,D),L(Ae,H),L(Ae,G)),!0===Ve.mathMl&&(L(Ce,z),L(Ae,q),L(Ae,G))),t.ADD_TAGS&&(Ce===Se&&(Ce=k(Ce)),L(Ce,t.ADD_TAGS,ve)),t.ADD_ATTR&&(Ae===xe&&(Ae=k(Ae)),L(Ae,t.ADD_ATTR,ve)),t.ADD_URI_SAFE_ATTR&&L(Qe,t.ADD_URI_SAFE_ATTR,ve),t.FORBID_CONTENTS&&(Ke===Je&&(Ke=k(Ke)),L(Ke,t.FORBID_CONTENTS,ve)),$e&&(Ce["#text"]=!0),ze&&L(Ce,["html","head","body"]),Ce.table&&(L(Ce,["tbody"]),delete Le.tbody),p&&p(t),st=t)},mt=L({},["mi","mo","mn","ms","mtext"]),ft=L({},["foreignobject","desc","title","annotation-xml"]),ht=L({},["title","style","font","a","script"]),gt=L({},P);L(gt,D),L(gt,j);var vt=L({},z);L(vt,F);var yt=function(e){E(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},bt=function(e,t){try{E(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){E(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Ae[e])if(Be||He)try{yt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},wt=function(e){var t,r;if(Ue)e="<remove></remove>"+e;else{var n=N(e,/^[\r\n\t ]+/);r=n&&n[0]}"application/xhtml+xml"===ge&&ot===nt&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var o=le?le.createHTML(e):e;if(ot===nt)try{t=(new v).parseFromString(o,ge)}catch(e){}if(!t||!t.documentElement){t=ue.createDocument(ot,"template",null);try{t.documentElement.innerHTML=it?ce:o}catch(e){}}var i=t.body||t.documentElement;return e&&r&&i.insertBefore(a.createTextNode(r),i.childNodes[0]||null),ot===nt?me.call(t,ze?"html":"body")[0]:ze?t.documentElement:i},Et=function(e){return de.call(e.ownerDocument||e,e,m.SHOW_ELEMENT|m.SHOW_COMMENT|m.SHOW_TEXT,null,!1)},_t=function(t){return"object"===e(u)?t instanceof u:t&&"object"===e(t)&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},Rt=function(e,t,r){he[e]&&b(he[e],(function(e){e.call(n,t,r,st)}))},Nt=function(e){var t,r;if(Rt("beforeSanitizeElements",e,null),(r=e)instanceof g&&("string"!=typeof r.nodeName||"string"!=typeof r.textContent||"function"!=typeof r.removeChild||!(r.attributes instanceof h)||"function"!=typeof r.removeAttribute||"function"!=typeof r.setAttribute||"string"!=typeof r.namespaceURI||"function"!=typeof r.insertBefore||"function"!=typeof r.hasChildNodes))return yt(e),!0;var o=ve(e.nodeName);if(Rt("uponSanitizeElement",e,{tagName:o,allowedTags:Ce}),e.hasChildNodes()&&!_t(e.firstElementChild)&&(!_t(e.content)||!_t(e.content.firstElementChild))&&A(/<[/\w]/g,e.innerHTML)&&A(/<[/\w]/g,e.textContent))return yt(e),!0;if(!Ce[o]||Le[o]){if(!Le[o]&&Ct(o)){if(Oe.tagNameCheck instanceof RegExp&&A(Oe.tagNameCheck,o))return!1;if(Oe.tagNameCheck instanceof Function&&Oe.tagNameCheck(o))return!1}if($e&&!Ke[o]){var i=ie(e)||e.parentNode,a=oe(e)||e.childNodes;if(a&&i)for(var l=a.length-1;l>=0;--l)i.insertBefore(re(a[l],!0),ne(e))}return yt(e),!0}return e instanceof d&&!function(e){var t=ie(e);t&&t.tagName||(t={namespaceURI:ot,tagName:"template"});var r=_(e.tagName),n=_(t.tagName);return!!at[e.namespaceURI]&&(e.namespaceURI===rt?t.namespaceURI===nt?"svg"===r:t.namespaceURI===tt?"svg"===r&&("annotation-xml"===n||mt[n]):Boolean(gt[r]):e.namespaceURI===tt?t.namespaceURI===nt?"math"===r:t.namespaceURI===rt?"math"===r&&ft[n]:Boolean(vt[r]):e.namespaceURI===nt?!(t.namespaceURI===rt&&!ft[n])&&!(t.namespaceURI===tt&&!mt[n])&&!vt[r]&&(ht[r]||!gt[r]):!("application/xhtml+xml"!==ge||!at[e.namespaceURI]))}(e)?(yt(e),!0):"noscript"!==o&&"noembed"!==o||!A(/<\/no(script|embed)/i,e.innerHTML)?(je&&3===e.nodeType&&(t=e.textContent,t=T(t,ye," "),t=T(t,be," "),t=T(t,we," "),e.textContent!==t&&(E(n.removed,{element:e.cloneNode()}),e.textContent=t)),Rt("afterSanitizeElements",e,null),!1):(yt(e),!0)},Tt=function(e,t,r){if(Ge&&("id"===t||"name"===t)&&(r in a||r in ut))return!1;if(Me&&!ke[t]&&A(Ee,t));else if(Ie&&A(_e,t));else if(!Ae[t]||ke[t]){if(!(Ct(e)&&(Oe.tagNameCheck instanceof RegExp&&A(Oe.tagNameCheck,e)||Oe.tagNameCheck instanceof Function&&Oe.tagNameCheck(e))&&(Oe.attributeNameCheck instanceof RegExp&&A(Oe.attributeNameCheck,t)||Oe.attributeNameCheck instanceof Function&&Oe.attributeNameCheck(t))||"is"===t&&Oe.allowCustomizedBuiltInElements&&(Oe.tagNameCheck instanceof RegExp&&A(Oe.tagNameCheck,r)||Oe.tagNameCheck instanceof Function&&Oe.tagNameCheck(r))))return!1}else if(Qe[t]);else if(A(Te,T(r,Ne,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==C(r,"data:")||!Xe[e])if(Pe&&!A(Re,T(r,Ne,"")));else if(r)return!1;return!0},Ct=function(e){return e.indexOf("-")>0},St=function(t){var r,o,i,a;Rt("beforeSanitizeAttributes",t,null);var l=t.attributes;if(l){var c={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Ae};for(a=l.length;a--;){var s=r=l[a],u=s.name,d=s.namespaceURI;if(o="value"===u?r.value:S(r.value),i=ve(u),c.attrName=i,c.attrValue=o,c.keepAttr=!0,c.forceKeepAttr=void 0,Rt("uponSanitizeAttribute",t,c),o=c.attrValue,!c.forceKeepAttr&&(bt(u,t),c.keepAttr))if(De||!A(/\/>/i,o)){je&&(o=T(o,ye," "),o=T(o,be," "),o=T(o,we," "));var p=ve(t.nodeName);if(Tt(p,i,o)){if(!We||"id"!==i&&"name"!==i||(bt(u,t),o="user-content-"+o),le&&"object"===e(y)&&"function"==typeof y.getAttributeType)if(d);else switch(y.getAttributeType(p,i)){case"TrustedHTML":o=le.createHTML(o);break;case"TrustedScriptURL":o=le.createScriptURL(o)}try{d?t.setAttributeNS(d,u,o):t.setAttribute(u,o),w(n.removed)}catch(e){}}}else bt(u,t)}Rt("afterSanitizeAttributes",t,null)}},At=function e(t){var r,n=Et(t);for(Rt("beforeSanitizeShadowDOM",t,null);r=n.nextNode();)Rt("uponSanitizeShadowNode",r,null),Nt(r)||(r.content instanceof c&&e(r.content),St(r));Rt("afterSanitizeShadowDOM",t,null)};return n.sanitize=function(e){var t,r,o,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if((it=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!_t(e)){if("function"!=typeof e.toString)throw x("toString is not a function");if("string"!=typeof(e=e.toString()))throw x("dirty is not a string, aborting")}if(!n.isSupported)return e;if(Fe||pt(l),n.removed=[],"string"==typeof e&&(Ye=!1),Ye){if(e.nodeName){var s=ve(e.nodeName);if(!Ce[s]||Le[s])throw x("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof u)1===(r=(t=wt("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?t=r:t.appendChild(r);else{if(!Be&&!je&&!ze&&-1===e.indexOf("<"))return le&&qe?le.createHTML(e):e;if(!(t=wt(e)))return Be?null:qe?ce:""}t&&Ue&&yt(t.firstChild);for(var d=Et(Ye?e:t);o=d.nextNode();)Nt(o)||(o.content instanceof c&&At(o.content),St(o));if(Ye)return e;if(Be){if(He)for(a=pe.call(t.ownerDocument);t.firstChild;)a.appendChild(t.firstChild);else a=t;return(Ae.shadowroot||Ae.shadowrootmod)&&(a=fe.call(i,a,!0)),a}var p=ze?t.outerHTML:t.innerHTML;return ze&&Ce["!doctype"]&&t.ownerDocument&&t.ownerDocument.doctype&&t.ownerDocument.doctype.name&&A(Q,t.ownerDocument.doctype.name)&&(p="<!DOCTYPE "+t.ownerDocument.doctype.name+">\n"+p),je&&(p=T(p,ye," "),p=T(p,be," "),p=T(p,we," ")),le&&qe?le.createHTML(p):p},n.setConfig=function(e){pt(e),Fe=!0},n.clearConfig=function(){st=null,Fe=!1},n.isValidAttribute=function(e,t,r){st||pt({});var n=ve(e),o=ve(t);return Tt(n,o,r)},n.addHook=function(e,t){"function"==typeof t&&(he[e]=he[e]||[],E(he[e],t))},n.removeHook=function(e){if(he[e])return w(he[e])},n.removeHooks=function(e){he[e]&&(he[e]=[])},n.removeAllHooks=function(){he={}},n}()}()},841:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.ArrowContainer=void 0;var o=r(893),i=r(196),a=r(512);t.ArrowContainer=function(e){var t=e.childRect,r=e.popoverRect,l=e.position,c=e.arrowColor,s=e.arrowSize,u=e.arrowClassName,d=e.arrowStyle,p=e.className,m=e.children,f=e.style,h=a.useArrowContainer({childRect:t,popoverRect:r,position:l,arrowColor:c,arrowSize:s}),g=h.arrowContainerStyle,v=h.arrowStyle,y=i.useMemo((function(){return n(n({},g),f)}),[g,f]),b=i.useMemo((function(){return n(n({},v),d)}),[v,d]);return o.jsxs("div",n({className:p,style:y},{children:[o.jsx("div",{style:b,className:u},void 0),m]}),void 0)}},106:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=t.usePopover=t.ArrowContainer=t.useArrowContainer=void 0;var o=r(893),i=r(196),a=r(114),l=r(319),c=r(101);Object.defineProperty(t,"usePopover",{enumerable:!0,get:function(){return c.usePopover}});var s=r(444),u=r(512);Object.defineProperty(t,"useArrowContainer",{enumerable:!0,get:function(){return u.useArrowContainer}});var d=r(841);Object.defineProperty(t,"ArrowContainer",{enumerable:!0,get:function(){return d.ArrowContainer}});var p=["top","left","right","bottom"],m=i.forwardRef((function(e,t){var r=e.isOpen,u=e.children,d=e.content,m=e.positions,f=void 0===m?p:m,h=e.align,g=void 0===h?"center":h,v=e.padding,y=void 0===v?0:v,b=e.reposition,w=void 0===b||b,E=e.parentElement,_=void 0===E?window.document.body:E,R=e.boundaryElement,N=void 0===R?_:R,T=e.containerClassName,C=void 0===T?"react-tiny-popover-container":T,S=e.containerStyle,A=e.contentLocation,x=e.boundaryInset,O=void 0===x?0:x,L=e.onClickOutside,k=e.clickOutsideCapture,I=void 0!==k&&k,M=s.useMemoizedArray(f),P=i.useRef(!1),D=i.useRef(),j=i.useRef(),z=i.useRef(w),F=i.useRef(),U=i.useState({align:g,nudgedLeft:0,nudgedTop:0,position:M[0],padding:y,childRect:l.EMPTY_CLIENT_RECT,popoverRect:l.EMPTY_CLIENT_RECT,parentRect:l.EMPTY_CLIENT_RECT,boundaryRect:l.EMPTY_CLIENT_RECT,boundaryInset:O,violations:l.EMPTY_CLIENT_RECT,hasViolations:!1}),B=U[0],H=U[1],q=i.useCallback((function(e){return H(e)}),[]),G=c.usePopover({isOpen:r,childRef:F,containerClassName:C,parentElement:_,boundaryElement:N,contentLocation:A,positions:M,align:g,padding:y,boundaryInset:O,reposition:w,onPositionPopover:q}),W=G.positionPopover,$=G.popoverRef,Y=G.scoutRef;i.useLayoutEffect((function(){var e=!0,t=function(){var n,o;if(r&&e){var i=null===(n=null==F?void 0:F.current)||void 0===n?void 0:n.getBoundingClientRect(),a=null===(o=null==$?void 0:$.current)||void 0===o?void 0:o.getBoundingClientRect();null==i||null==a||l.rectsAreEqual(i,{top:B.childRect.top,left:B.childRect.left,width:B.childRect.width,height:B.childRect.height,bottom:B.childRect.top+B.childRect.height,right:B.childRect.left+B.childRect.width})&&a.width===B.popoverRect.width&&a.height===B.popoverRect.height&&B.padding===y&&B.align===g&&M===D.current&&A===j.current&&w===z.current||W(),M!==D.current&&(D.current=M),A!==j.current&&(j.current=A),w!==z.current&&(z.current=w),e&&window.requestAnimationFrame(t)}P.current=r};return window.requestAnimationFrame(t),function(){e=!1}}),[g,A,r,y,$,B.align,B.childRect.height,B.childRect.left,B.childRect.top,B.childRect.width,B.padding,B.popoverRect.height,B.popoverRect.width,W,M,w]),i.useEffect((function(){var e=$.current;return Object.assign(e.style,S),function(){Object.keys(null!=S?S:{}).forEach((function(t){return delete e.style[t]}))}}),[S,r,$]);var V=i.useCallback((function(e){var t,n;!r||(null===(t=$.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=F.current)||void 0===n?void 0:n.contains(e.target))||null==L||L(e)}),[r,L,$]),K=i.useCallback((function(){F.current&&window.requestAnimationFrame((function(){return W()}))}),[W]);i.useEffect((function(){var e=_.ownerDocument.body;return e.addEventListener("click",V,I),e.addEventListener("contextmenu",V,I),e.addEventListener("resize",K),function(){e.removeEventListener("click",V,I),e.removeEventListener("contextmenu",V,I),e.removeEventListener("resize",K)}}),[I,V,K,_]);var J=i.useCallback((function(e){F.current=e,null!=t&&("object"==typeof t?t.current=e:"function"==typeof t&&t(e))}),[t]);return o.jsxs(o.Fragment,{children:[i.cloneElement(u,{ref:J}),r?o.jsx(a.PopoverPortal,n({element:$.current,scoutElement:Y.current,container:_},{children:"function"==typeof d?d(B):d}),void 0):null]},void 0)}));t.Popover=i.forwardRef((function(e,t){return"undefined"==typeof window?e.children:o.jsx(m,n({},e,{ref:t}),void 0)}))},114:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PopoverPortal=void 0;var n=r(196),o=r(850);t.PopoverPortal=function(e){var t=e.container,r=e.element,i=e.scoutElement,a=e.children;return n.useLayoutEffect((function(){return t.appendChild(r),t.appendChild(i),function(){t.removeChild(r),t.removeChild(i)}}),[t,r,i]),o.createPortal(a,r)}},512:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.useArrowContainer=void 0;var o=r(196);t.useArrowContainer=function(e){var t=e.childRect,r=e.popoverRect,i=e.position,a=e.arrowSize,l=e.arrowColor;return{arrowContainerStyle:o.useMemo((function(){return{padding:a}}),[a]),arrowStyle:o.useMemo((function(){return n({position:"absolute"},function(){var e=2*a,n=t.top-r.top+t.height/2-e/2,o=t.left-r.left+t.width/2-e/2,c=a,s=r.width-a,u=r.height-a;switch(o=(o=o<c?c:o)+e>s?s-e:o,n=(n=n<c?c:n)+e>u?u-e:n,n=Number.isNaN(n)?0:n,o=Number.isNaN(o)?0:o,i){case"right":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderRight:a+"px solid "+l,left:0,top:n};case"left":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderLeft:a+"px solid "+l,right:0,top:n};case"bottom":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderBottom:a+"px solid "+l,top:0,left:o};case"top":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderTop:a+"px solid "+l,bottom:0,left:o};default:return{display:"hidden"}}}())}),[l,a,t.height,t.left,t.top,t.width,r.height,r.left,r.top,r.width,i])}}},423:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useElementRef=void 0;var n=r(196),o=r(319);t.useElementRef=function(e,t){var r=n.useRef(),i=n.useMemo((function(){return o.createContainer(t,e)}),[e,t]);return r.current=i,r}},444:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMemoizedArray=void 0;var n=r(196);t.useMemoizedArray=function(e){var t=n.useRef(e);return n.useMemo((function(){if(t.current===e)return t.current;if(t.current.length!==e.length)return t.current=e,e;for(var r=0;r<e.length;r+=1)if(e[r]!==t.current[r])return t.current=e,e;return t.current}),[e])}},101:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePopover=void 0;var n=r(196),o=r(319),i=r(423),a={position:"fixed",overflow:"visible",top:"0px",left:"0px"},l={position:"fixed",top:"0px",left:"0px",width:"0px",height:"0px",visibility:"hidden"};t.usePopover=function(e){var t=e.isOpen,r=e.childRef,c=e.positions,s=e.containerClassName,u=e.parentElement,d=e.contentLocation,p=e.align,m=e.padding,f=e.reposition,h=e.boundaryInset,g=e.boundaryElement,v=e.onPositionPopover,y=i.useElementRef(s,a),b=i.useElementRef("react-tiny-popover-scout",l),w=n.useCallback((function(e){var n,i,a=void 0===e?{}:e,l=a.positionIndex,s=void 0===l?0:l,E=a.parentRect,_=void 0===E?u.getBoundingClientRect():E,R=a.childRect,N=void 0===R?null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.getBoundingClientRect():R,T=a.scoutRect,C=void 0===T?null===(i=null==b?void 0:b.current)||void 0===i?void 0:i.getBoundingClientRect():T,S=a.popoverRect,A=void 0===S?y.current.getBoundingClientRect():S,x=a.boundaryRect,O=void 0===x?g===u?_:g.getBoundingClientRect():x;if(N&&_&&t){if(d){var L="function"==typeof d?d({childRect:N,popoverRect:A,parentRect:_,boundaryRect:O,padding:m,nudgedTop:0,nudgedLeft:0,boundaryInset:h,violations:o.EMPTY_CLIENT_RECT,hasViolations:!1}):d,k=L.top,I=L.left,M=Math.round(_.left+I-C.left),P=Math.round(_.top+k-C.top);return y.current.style.transform="translate("+M+"px, "+P+"px)",void v({childRect:N,popoverRect:A,parentRect:_,boundaryRect:O,padding:m,nudgedTop:0,nudgedLeft:0,boundaryInset:h,violations:o.EMPTY_CLIENT_RECT,hasViolations:!1})}var D=s===c.length,j=D?c[0]:c[s],z=o.getNewPopoverRect({childRect:N,popoverRect:A,boundaryRect:O,position:j,align:p,padding:m,reposition:f},h),F=z.rect;if(z.boundaryViolation&&f&&!D)w({positionIndex:s+1,childRect:N,popoverRect:A,parentRect:_,boundaryRect:O});else{var U=F.top,B=F.left,H=F.width,q=F.height,G=f&&!D,W=o.getNudgedPopoverRect(F,O,h),$=W.left,Y=W.top,V=U,K=B;G&&(V=Y,K=$),V=Math.round(V-C.top),K=Math.round(K-C.left),y.current.style.transform="translate("+K+"px, "+V+"px)";var J={top:O.top+h-V,left:O.left+h-K,right:K+H-O.right+h,bottom:V+q-O.bottom+h};v({childRect:N,popoverRect:{top:V,left:K,width:H,height:q,right:K+H,bottom:V+q},parentRect:_,boundaryRect:O,position:j,align:p,padding:m,nudgedTop:Y-U,nudgedLeft:$-B,boundaryInset:h,violations:{top:J.top<=0?0:J.top,left:J.left<=0?0:J.left,right:J.right<=0?0:J.right,bottom:J.bottom<=0?0:J.bottom},hasViolations:J.top>0||J.left>0||J.right>0||J.bottom>0})}}}),[u,r,b,y,g,t,d,c,p,m,f,h,v]);return{positionPopover:w,popoverRef:y,scoutRef:b}}},319:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getNudgedPopoverRect=t.getNewPopoverRect=t.popoverRectForPosition=t.createContainer=t.rectsAreEqual=t.EMPTY_CLIENT_RECT=void 0,t.EMPTY_CLIENT_RECT={top:0,left:0,bottom:0,height:0,right:0,width:0},t.rectsAreEqual=function(e,t){return e===t||(null==e?void 0:e.bottom)===(null==t?void 0:t.bottom)&&(null==e?void 0:e.height)===(null==t?void 0:t.height)&&(null==e?void 0:e.left)===(null==t?void 0:t.left)&&(null==e?void 0:e.right)===(null==t?void 0:t.right)&&(null==e?void 0:e.top)===(null==t?void 0:t.top)&&(null==e?void 0:e.width)===(null==t?void 0:t.width)},t.createContainer=function(e,t){var r=window.document.createElement("div");return t&&(r.className=t),Object.assign(r.style,e),r},t.popoverRectForPosition=function(e,t,r,n,o){var i,a,l=t.left+t.width/2,c=t.top+t.height/2,s=r.width,u=r.height;switch(e){case"left":i=c-u/2,a=t.left-n-s,"start"===o&&(i=t.top),"end"===o&&(i=t.bottom-u);break;case"bottom":i=t.bottom+n,a=l-s/2,"start"===o&&(a=t.left),"end"===o&&(a=t.right-s);break;case"right":i=c-u/2,a=t.right+n,"start"===o&&(i=t.top),"end"===o&&(i=t.bottom-u);break;default:i=t.top-u-n,a=l-s/2,"start"===o&&(a=t.left),"end"===o&&(a=t.right-s)}return{top:i,left:a,width:s,height:u,right:a+s,bottom:i+u}},t.getNewPopoverRect=function(e,r){var n=e.position,o=e.align,i=e.childRect,a=e.popoverRect,l=e.boundaryRect,c=e.padding,s=e.reposition,u=t.popoverRectForPosition(n,i,a,c,o);return{rect:u,boundaryViolation:s&&("top"===n&&u.top<l.top+r||"left"===n&&u.left<l.left+r||"right"===n&&u.right>l.right-r||"bottom"===n&&u.bottom>l.bottom-r)}},t.getNudgedPopoverRect=function(e,t,r){var n=t.top+r,o=t.left+r,i=t.right-r,a=t.bottom-r,l=e.top<n?n:e.top;l=l+e.height>a?a-e.height:l;var c=e.left<o?o:e.left;return{top:l,left:c=c+e.width>i?i-e.width:c,width:e.width,height:e.height,right:c+e.width,bottom:l+e.height}}},251:(e,t,r)=>{"use strict";var n=r(196),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,u=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!c.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=s,t.jsxs=s},893:(e,t,r)=>{"use strict";e.exports=r(251)},196:e=>{"use strict";e.exports=window.React},850:e=>{"use strict";e.exports=window.ReactDOM}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n].call(i.exports,i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.element;var t=r(850);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}const o=window.wp.i18n,i=window.wp.apiFetch;var a=r.n(i),l=r(856),c=r.n(l);const s=(r,n)=>{r.preventDefault(),(0,t.render)((0,o.__)("Adding...","wcspots"),r.target),a()({path:"/wc/store/v1/cart/add-item",method:"POST",data:{id:n,quantity:1},headers:{Nonce:window?.wcspotsVars?.nonce}}).then((n=>((0,t.render)((0,o.__)("Product added","wcspots"),r.target),(0,t.render)((0,e.createElement)("a",{href:window.wcspotsVars.cartUrl},(0,o.__)("View Cart","wcspots")),r.target.nextElementSibling),n))).catch((e=>{throw console.log(e),e}))};function u(e){var t=document.createElement("textarea");return t.innerHTML=e,t.value}var d=r(106),p=r(196);const m=e=>{const[t,r]=(0,p.useState)(null),[n,o]=(0,p.useState)(!0);return(0,p.useEffect)((()=>{!async function(){try{const t=await a()({path:`/wc/store/v1/products/${e}?_fields=id,name,short_description,price_html,images,permalink,add_to_cart,type`});r(t),o(!1)}catch(e){console.error(e)}}()}),[e]),{product:t,loading:n}},f=t=>{let{productId:r}=t;const{product:n,loading:i}=m(r);return i?(0,e.createElement)("small",null,(0,o.__)("Loading product title...","wcspots")):n?(0,e.createElement)("a",{href:n.permalink},u(n.name)):(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"))},h=window.wp.components,g=t=>{let{productId:r}=t;const{product:i,loading:a}=m(r);if(a)return(0,e.createElement)(h.Spinner,null);if(!i)return(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"));const l=i.images&&i.images.length>0,c=l?i.images[0].srcset:null,s=l?i.images[0].src:null,u="object"==typeof wc?(0,e.createElement)("img",{src:wc?.wcSettings?.PLACEHOLDER_IMG_SRC,alt:i.name}):(0,o.__)("Product has no featured image","wcspots");return c||s?(0,e.createElement)("img",n({},c?{srcSet:c}:{},{src:s,alt:i.name})):(0,e.createElement)("div",null,u)},v=t=>{let{productId:r}=t;const{product:n,loading:i}=m(r),a=c().sanitize;return i?(0,e.createElement)("small",null,(0,o.__)("Loading product price...","wcspots")):n?(0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:a(n.price_html)}}):(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"))},y=t=>{let{productId:r}=t;const{product:n,loading:i}=m(r),a=c().sanitize;return i?(0,e.createElement)("small",null,(0,o.__)("Loading short description...","wcspots")):n?(0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:a(n.short_description)}}):(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"))},b=t=>{let{productId:r}=t;const{product:n,loading:i}=m(r);if(i)return(0,e.createElement)("small",null,(0,o.__)("Loading...","wcspots"));if(!n)return(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"));const{text:a,description:l,url:c}=n.add_to_cart;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("a",{className:"wp-block-button__link wc-block-components-product-button__button add_to_cart_button ajax_add_to_cart",href:("simple"!==n?.type||!n?.price_html)&&c,title:l,onClick:()=>{"simple"===n?.type&&n?.price_html&&s(event,r)}},a),"simple"===n?.type&&(0,e.createElement)("small",{className:"view-cart"}))},w=t=>{const{assocProdId:r,parentElement:n,isEditing:o,popoverAtts:i}=t,[a,l]=(0,e.useState)(!1),{popoverWidth:c,popoverPadding:s,productsLayout:u,productsAlign:p,elementsToggle:m,productSpacing:h,productPadding:w,titleSize:E,priceSize:_,excerptSize:R,addToCartSize:N,productBackColor:T,titleColor:C,priceColor:S,excerptColor:A,roundCorners:x,arrowSize:O}=i,L={width:`clamp(${c.min},${c.val},${c.max})`},k={...x&&{borderRadius:x}},I={borderWidth:O,...T&&{borderColor:T}},M={..."layout3"!==u&&{padding:s},...T&&{backgroundColor:T}},P={margin:h},D={padding:w},j={fontSize:E,...C&&{color:C}},z={fontSize:_,...S&&{color:S}},F={fontSize:R,...A&&{color:A}},U={transform:`scale(${N})`};return(0,e.createElement)(d.Popover,{parentElement:n,isOpen:a,onClickOutside:()=>l(o),positions:["bottom","top","left","right"],padding:30,reposition:!0,align:"center",containerStyle:L,content:t=>{let{position:n,nudgedLeft:o,nudgedTop:i}=t;return(0,e.createElement)("div",{className:`popover-content ${u}`,style:k},(0,e.createElement)("div",{className:`arrow ${n}`,style:Object.assign(I,{marginLeft:-o,marginTop:-i})}),(0,e.createElement)("div",{className:`wcspots-product align-${p}`,style:M},"layout3"===u&&(0,e.createElement)("div",{className:"overlay",style:{background:T}}),m?.image&&(0,e.createElement)("div",{className:"product-featured-image"},(0,e.createElement)(g,{productId:r})),(0,e.createElement)("div",{className:"product-elements",style:D},m?.title&&(0,e.createElement)("h4",{className:"product-title product-element",style:Object.assign(j,P)},(0,e.createElement)(f,{productId:r})),m?.price&&(0,e.createElement)("div",{className:"product-price product-element",style:Object.assign(z,P)},(0,e.createElement)(v,{productId:r})),m?.excerpt&&(0,e.createElement)("div",{className:"product-excerpt product-element",style:Object.assign(F,P)},(0,e.createElement)(y,{productId:r})),m?.addToCart&&(0,e.createElement)("div",{className:"product-add-to-cart product-element",style:Object.assign(U,P)},(0,e.createElement)(b,{productId:r})))))}},(0,e.createElement)("div",{className:"popover-toggler",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"50%",zIndex:"5"},onClick:()=>{l((e=>!e))}}))};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-micemade-wcspots").forEach((r=>{const i=JSON.parse(r.dataset.productIds),l=r.dataset.blockId,d=r.dataset.popoverAtts;r.getElementsByClassName("products-grid-container").length>0&&((r,i)=>{const l=document.querySelector(`[data-block-id="${i}"]`),d=c().sanitize,p=r.map((e=>e.toString())).join(",");a()({path:`/wc/store/v1/products/?include=${p}&_fields=id,name,short_description,price_html,images,permalink,add_to_cart, type`}).then((r=>{r.forEach((r=>{const i=r.id,a=r.name?r.name:null,c=r.permalink?r.permalink:"#",p=r.short_description?r.short_description:null,m=r.price_html?r.price_html:null,f=r.add_to_cart?r.add_to_cart:null,h=r.type?r.type:null,g=r.images&&r.images.length>0?r.images[0]:null,v=g?.srcset,y=(g?.sizes,g?.src),b="object"==typeof wc?wc.wcSettings?.PLACEHOLDER_IMG_SRC:(0,o.__)("Product has no featured image","wcspots"),w=v||y?(0,e.createElement)("img",n({},v?{srcSet:v}:{},{src:y,alt:a,sizes:"(max-width: 599px) 100vw, calc(100vw / 3)"})):b,E=l.querySelector(`[data-product-image="${i}"]`),_=l.querySelector(`[data-product-title="${i}"]`),R=l.querySelector(`[data-product-price="${i}"]`),N=l.querySelector(`[data-product-excerpt="${i}"]`),T=l.querySelector(`[data-product-addtocart="${i}"]`);E&&(0,t.render)(w,E),_&&(0,t.render)((0,e.createElement)("a",{href:c,title:u(a)},u(a)),_),R&&(0,t.render)((0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:d(m)}}),R),N&&(0,t.render)((0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:d(p)}}),N),T&&(0,t.render)((0,e.createElement)(e.Fragment,null,(0,e.createElement)("a",{className:"wp-block-button__link wc-block-components-product-button__button add_to_cart_button ajax_add_to_cart",href:"simple"!==h||!m&&f?.url,title:f?.description,onClick:()=>{"simple"===h&&m&&s(event,i)}},f?.text),"simple"===h&&(0,e.createElement)("small",{className:"view-cart"})),T)}))})).catch((e=>{console.error(e)}))})(i,l),r.querySelectorAll(".product-hotspot").forEach((n=>{const o=n.dataset.productId,i=n.getElementsByClassName("events-holder")[0];o&&(0,t.render)((0,e.createElement)(w,{assocProdId:o,popoverAtts:JSON.parse(d)}),i),((e,t)=>{e.addEventListener("mouseover",(e=>{const r=e.target.dataset.productId,n=t.querySelector(`[data-product-id="${r}"]`);n&&n.classList.add("highlighted")})),e.addEventListener("mouseleave",(e=>{const r=e.target.dataset.productId,n=t.querySelector(`[data-product-id="${r}"]`);n&&n.classList.remove("highlighted")}))})(n,r)}))}))}))})()})();
     1(()=>{var e={856:function(e){e.exports=function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,r){return t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(e,r)}function r(e,n,o){return r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct:function(e,r,n){var o=[null];o.push.apply(o,r);var i=new(Function.bind.apply(e,o));return n&&t(i,n.prototype),i},r.apply(null,arguments)}function n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i=[],_n=!0,a=!1;try{for(r=r.call(e);!(_n=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);_n=!0);}catch(e){a=!0,o=e}finally{try{_n||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||i(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var l=Object.entries,c=Object.setPrototypeOf,s=Object.isFrozen,u=Object.getPrototypeOf,d=Object.getOwnPropertyDescriptor,p=Object.freeze,m=Object.seal,f=Object.create,h="undefined"!=typeof Reflect&&Reflect,g=h.apply,v=h.construct;g||(g=function(e,t,r){return e.apply(t,r)}),p||(p=function(e){return e}),m||(m=function(e){return e}),v||(v=function(e,t){return r(e,o(t))});var y,b=O(Array.prototype.forEach),w=O(Array.prototype.pop),E=O(Array.prototype.push),_=O(String.prototype.toLowerCase),R=O(String.prototype.toString),N=O(String.prototype.match),T=O(String.prototype.replace),S=O(String.prototype.indexOf),C=O(String.prototype.trim),A=O(RegExp.prototype.test),x=(y=TypeError,function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return v(y,t)});function O(e){return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];return g(e,t,n)}}function L(e,t,r){r=r||_,c&&c(e,null);for(var n=t.length;n--;){var o=t[n];if("string"==typeof o){var i=r(o);i!==o&&(s(t)||(t[n]=i),o=i)}e[o]=!0}return e}function k(e){var t,r=f(null),o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=i(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return l=e.done,e},e:function(e){c=!0,a=e},f:function(){try{l||null==r.return||r.return()}finally{if(c)throw a}}}}(l(e));try{for(o.s();!(t=o.n()).done;){var a=n(t.value,2),c=a[0],s=a[1];r[c]=s}}catch(e){o.e(e)}finally{o.f()}return r}function I(e,t){for(;null!==e;){var r=d(e,t);if(r){if(r.get)return O(r.get);if("function"==typeof r.value)return O(r.value)}e=u(e)}return function(e){return console.warn("fallback value for",e),null}}var M=p(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),P=p(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),D=p(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),j=p(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),z=p(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),F=p(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),U=p(["#text"]),B=p(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),H=p(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),$=p(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),W=p(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),q=m(/\{\{[\w\W]*|[\w\W]*\}\}/gm),G=m(/<%[\w\W]*|[\w\W]*%>/gm),Y=m(/\${[\w\W]*}/gm),V=m(/^data-[\-\w.\u00B7-\uFFFF]/),K=m(/^aria-[\-\w]+$/),J=m(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),X=m(/^(?:\w+script|data):/i),Z=m(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Q=m(/^html$/i),ee=function(){return"undefined"==typeof window?null:window},te=function(t,r){if("object"!==e(t)||"function"!=typeof t.createPolicy)return null;var n=null,o="data-tt-policy-suffix";r.currentScript&&r.currentScript.hasAttribute(o)&&(n=r.currentScript.getAttribute(o));var i="dompurify"+(n?"#"+n:"");try{return t.createPolicy(i,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};return function t(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(),n=function(e){return t(e)};if(n.version="3.0.1",n.removed=[],!r||!r.document||9!==r.document.nodeType)return n.isSupported=!1,n;var i=r.document,a=r.document,c=r.DocumentFragment,s=r.HTMLTemplateElement,u=r.Node,d=r.Element,m=r.NodeFilter,f=r.NamedNodeMap,h=void 0===f?r.NamedNodeMap||r.MozNamedAttrMap:f,g=r.HTMLFormElement,v=r.DOMParser,y=r.trustedTypes,O=d.prototype,re=I(O,"cloneNode"),ne=I(O,"nextSibling"),oe=I(O,"childNodes"),ie=I(O,"parentNode");if("function"==typeof s){var ae=a.createElement("template");ae.content&&ae.content.ownerDocument&&(a=ae.content.ownerDocument)}var le=te(y,i),ce=le?le.createHTML(""):"",se=a,ue=se.implementation,de=se.createNodeIterator,pe=se.createDocumentFragment,me=se.getElementsByTagName,fe=i.importNode,he={};n.isSupported="function"==typeof l&&"function"==typeof ie&&ue&&void 0!==ue.createHTMLDocument;var ge,ve,ye=q,be=G,we=Y,Ee=V,_e=K,Re=X,Ne=Z,Te=J,Se=null,Ce=L({},[].concat(o(M),o(P),o(D),o(z),o(U))),Ae=null,xe=L({},[].concat(o(B),o(H),o($),o(W))),Oe=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Le=null,ke=null,Ie=!0,Me=!0,Pe=!1,De=!0,je=!1,ze=!1,Fe=!1,Ue=!1,Be=!1,He=!1,$e=!1,We=!0,qe=!1,Ge=!0,Ye=!1,Ve={},Ke=null,Je=L({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Xe=null,Ze=L({},["audio","video","img","source","image","track"]),Qe=null,et=L({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),tt="http://www.w3.org/1998/Math/MathML",rt="http://www.w3.org/2000/svg",nt="http://www.w3.org/1999/xhtml",ot=nt,it=!1,at=null,lt=L({},[tt,rt,nt],R),ct=["application/xhtml+xml","text/html"],st=null,ut=a.createElement("form"),dt=function(e){return e instanceof RegExp||e instanceof Function},pt=function(t){st&&st===t||(t&&"object"===e(t)||(t={}),t=k(t),ge=ge=-1===ct.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,ve="application/xhtml+xml"===ge?R:_,Se="ALLOWED_TAGS"in t?L({},t.ALLOWED_TAGS,ve):Ce,Ae="ALLOWED_ATTR"in t?L({},t.ALLOWED_ATTR,ve):xe,at="ALLOWED_NAMESPACES"in t?L({},t.ALLOWED_NAMESPACES,R):lt,Qe="ADD_URI_SAFE_ATTR"in t?L(k(et),t.ADD_URI_SAFE_ATTR,ve):et,Xe="ADD_DATA_URI_TAGS"in t?L(k(Ze),t.ADD_DATA_URI_TAGS,ve):Ze,Ke="FORBID_CONTENTS"in t?L({},t.FORBID_CONTENTS,ve):Je,Le="FORBID_TAGS"in t?L({},t.FORBID_TAGS,ve):{},ke="FORBID_ATTR"in t?L({},t.FORBID_ATTR,ve):{},Ve="USE_PROFILES"in t&&t.USE_PROFILES,Ie=!1!==t.ALLOW_ARIA_ATTR,Me=!1!==t.ALLOW_DATA_ATTR,Pe=t.ALLOW_UNKNOWN_PROTOCOLS||!1,De=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,je=t.SAFE_FOR_TEMPLATES||!1,ze=t.WHOLE_DOCUMENT||!1,Be=t.RETURN_DOM||!1,He=t.RETURN_DOM_FRAGMENT||!1,$e=t.RETURN_TRUSTED_TYPE||!1,Ue=t.FORCE_BODY||!1,We=!1!==t.SANITIZE_DOM,qe=t.SANITIZE_NAMED_PROPS||!1,Ge=!1!==t.KEEP_CONTENT,Ye=t.IN_PLACE||!1,Te=t.ALLOWED_URI_REGEXP||Te,ot=t.NAMESPACE||nt,Oe=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&dt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Oe.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&dt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Oe.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Oe.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),je&&(Me=!1),He&&(Be=!0),Ve&&(Se=L({},o(U)),Ae=[],!0===Ve.html&&(L(Se,M),L(Ae,B)),!0===Ve.svg&&(L(Se,P),L(Ae,H),L(Ae,W)),!0===Ve.svgFilters&&(L(Se,D),L(Ae,H),L(Ae,W)),!0===Ve.mathMl&&(L(Se,z),L(Ae,$),L(Ae,W))),t.ADD_TAGS&&(Se===Ce&&(Se=k(Se)),L(Se,t.ADD_TAGS,ve)),t.ADD_ATTR&&(Ae===xe&&(Ae=k(Ae)),L(Ae,t.ADD_ATTR,ve)),t.ADD_URI_SAFE_ATTR&&L(Qe,t.ADD_URI_SAFE_ATTR,ve),t.FORBID_CONTENTS&&(Ke===Je&&(Ke=k(Ke)),L(Ke,t.FORBID_CONTENTS,ve)),Ge&&(Se["#text"]=!0),ze&&L(Se,["html","head","body"]),Se.table&&(L(Se,["tbody"]),delete Le.tbody),p&&p(t),st=t)},mt=L({},["mi","mo","mn","ms","mtext"]),ft=L({},["foreignobject","desc","title","annotation-xml"]),ht=L({},["title","style","font","a","script"]),gt=L({},P);L(gt,D),L(gt,j);var vt=L({},z);L(vt,F);var yt=function(e){E(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},bt=function(e,t){try{E(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){E(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Ae[e])if(Be||He)try{yt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},wt=function(e){var t,r;if(Ue)e="<remove></remove>"+e;else{var n=N(e,/^[\r\n\t ]+/);r=n&&n[0]}"application/xhtml+xml"===ge&&ot===nt&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var o=le?le.createHTML(e):e;if(ot===nt)try{t=(new v).parseFromString(o,ge)}catch(e){}if(!t||!t.documentElement){t=ue.createDocument(ot,"template",null);try{t.documentElement.innerHTML=it?ce:o}catch(e){}}var i=t.body||t.documentElement;return e&&r&&i.insertBefore(a.createTextNode(r),i.childNodes[0]||null),ot===nt?me.call(t,ze?"html":"body")[0]:ze?t.documentElement:i},Et=function(e){return de.call(e.ownerDocument||e,e,m.SHOW_ELEMENT|m.SHOW_COMMENT|m.SHOW_TEXT,null,!1)},_t=function(t){return"object"===e(u)?t instanceof u:t&&"object"===e(t)&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},Rt=function(e,t,r){he[e]&&b(he[e],(function(e){e.call(n,t,r,st)}))},Nt=function(e){var t,r;if(Rt("beforeSanitizeElements",e,null),(r=e)instanceof g&&("string"!=typeof r.nodeName||"string"!=typeof r.textContent||"function"!=typeof r.removeChild||!(r.attributes instanceof h)||"function"!=typeof r.removeAttribute||"function"!=typeof r.setAttribute||"string"!=typeof r.namespaceURI||"function"!=typeof r.insertBefore||"function"!=typeof r.hasChildNodes))return yt(e),!0;var o=ve(e.nodeName);if(Rt("uponSanitizeElement",e,{tagName:o,allowedTags:Se}),e.hasChildNodes()&&!_t(e.firstElementChild)&&(!_t(e.content)||!_t(e.content.firstElementChild))&&A(/<[/\w]/g,e.innerHTML)&&A(/<[/\w]/g,e.textContent))return yt(e),!0;if(!Se[o]||Le[o]){if(!Le[o]&&St(o)){if(Oe.tagNameCheck instanceof RegExp&&A(Oe.tagNameCheck,o))return!1;if(Oe.tagNameCheck instanceof Function&&Oe.tagNameCheck(o))return!1}if(Ge&&!Ke[o]){var i=ie(e)||e.parentNode,a=oe(e)||e.childNodes;if(a&&i)for(var l=a.length-1;l>=0;--l)i.insertBefore(re(a[l],!0),ne(e))}return yt(e),!0}return e instanceof d&&!function(e){var t=ie(e);t&&t.tagName||(t={namespaceURI:ot,tagName:"template"});var r=_(e.tagName),n=_(t.tagName);return!!at[e.namespaceURI]&&(e.namespaceURI===rt?t.namespaceURI===nt?"svg"===r:t.namespaceURI===tt?"svg"===r&&("annotation-xml"===n||mt[n]):Boolean(gt[r]):e.namespaceURI===tt?t.namespaceURI===nt?"math"===r:t.namespaceURI===rt?"math"===r&&ft[n]:Boolean(vt[r]):e.namespaceURI===nt?!(t.namespaceURI===rt&&!ft[n])&&!(t.namespaceURI===tt&&!mt[n])&&!vt[r]&&(ht[r]||!gt[r]):!("application/xhtml+xml"!==ge||!at[e.namespaceURI]))}(e)?(yt(e),!0):"noscript"!==o&&"noembed"!==o||!A(/<\/no(script|embed)/i,e.innerHTML)?(je&&3===e.nodeType&&(t=e.textContent,t=T(t,ye," "),t=T(t,be," "),t=T(t,we," "),e.textContent!==t&&(E(n.removed,{element:e.cloneNode()}),e.textContent=t)),Rt("afterSanitizeElements",e,null),!1):(yt(e),!0)},Tt=function(e,t,r){if(We&&("id"===t||"name"===t)&&(r in a||r in ut))return!1;if(Me&&!ke[t]&&A(Ee,t));else if(Ie&&A(_e,t));else if(!Ae[t]||ke[t]){if(!(St(e)&&(Oe.tagNameCheck instanceof RegExp&&A(Oe.tagNameCheck,e)||Oe.tagNameCheck instanceof Function&&Oe.tagNameCheck(e))&&(Oe.attributeNameCheck instanceof RegExp&&A(Oe.attributeNameCheck,t)||Oe.attributeNameCheck instanceof Function&&Oe.attributeNameCheck(t))||"is"===t&&Oe.allowCustomizedBuiltInElements&&(Oe.tagNameCheck instanceof RegExp&&A(Oe.tagNameCheck,r)||Oe.tagNameCheck instanceof Function&&Oe.tagNameCheck(r))))return!1}else if(Qe[t]);else if(A(Te,T(r,Ne,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==S(r,"data:")||!Xe[e])if(Pe&&!A(Re,T(r,Ne,"")));else if(r)return!1;return!0},St=function(e){return e.indexOf("-")>0},Ct=function(t){var r,o,i,a;Rt("beforeSanitizeAttributes",t,null);var l=t.attributes;if(l){var c={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Ae};for(a=l.length;a--;){var s=r=l[a],u=s.name,d=s.namespaceURI;if(o="value"===u?r.value:C(r.value),i=ve(u),c.attrName=i,c.attrValue=o,c.keepAttr=!0,c.forceKeepAttr=void 0,Rt("uponSanitizeAttribute",t,c),o=c.attrValue,!c.forceKeepAttr&&(bt(u,t),c.keepAttr))if(De||!A(/\/>/i,o)){je&&(o=T(o,ye," "),o=T(o,be," "),o=T(o,we," "));var p=ve(t.nodeName);if(Tt(p,i,o)){if(!qe||"id"!==i&&"name"!==i||(bt(u,t),o="user-content-"+o),le&&"object"===e(y)&&"function"==typeof y.getAttributeType)if(d);else switch(y.getAttributeType(p,i)){case"TrustedHTML":o=le.createHTML(o);break;case"TrustedScriptURL":o=le.createScriptURL(o)}try{d?t.setAttributeNS(d,u,o):t.setAttribute(u,o),w(n.removed)}catch(e){}}}else bt(u,t)}Rt("afterSanitizeAttributes",t,null)}},At=function e(t){var r,n=Et(t);for(Rt("beforeSanitizeShadowDOM",t,null);r=n.nextNode();)Rt("uponSanitizeShadowNode",r,null),Nt(r)||(r.content instanceof c&&e(r.content),Ct(r));Rt("afterSanitizeShadowDOM",t,null)};return n.sanitize=function(e){var t,r,o,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if((it=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!_t(e)){if("function"!=typeof e.toString)throw x("toString is not a function");if("string"!=typeof(e=e.toString()))throw x("dirty is not a string, aborting")}if(!n.isSupported)return e;if(Fe||pt(l),n.removed=[],"string"==typeof e&&(Ye=!1),Ye){if(e.nodeName){var s=ve(e.nodeName);if(!Se[s]||Le[s])throw x("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof u)1===(r=(t=wt("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?t=r:t.appendChild(r);else{if(!Be&&!je&&!ze&&-1===e.indexOf("<"))return le&&$e?le.createHTML(e):e;if(!(t=wt(e)))return Be?null:$e?ce:""}t&&Ue&&yt(t.firstChild);for(var d=Et(Ye?e:t);o=d.nextNode();)Nt(o)||(o.content instanceof c&&At(o.content),Ct(o));if(Ye)return e;if(Be){if(He)for(a=pe.call(t.ownerDocument);t.firstChild;)a.appendChild(t.firstChild);else a=t;return(Ae.shadowroot||Ae.shadowrootmod)&&(a=fe.call(i,a,!0)),a}var p=ze?t.outerHTML:t.innerHTML;return ze&&Se["!doctype"]&&t.ownerDocument&&t.ownerDocument.doctype&&t.ownerDocument.doctype.name&&A(Q,t.ownerDocument.doctype.name)&&(p="<!DOCTYPE "+t.ownerDocument.doctype.name+">\n"+p),je&&(p=T(p,ye," "),p=T(p,be," "),p=T(p,we," ")),le&&$e?le.createHTML(p):p},n.setConfig=function(e){pt(e),Fe=!0},n.clearConfig=function(){st=null,Fe=!1},n.isValidAttribute=function(e,t,r){st||pt({});var n=ve(e),o=ve(t);return Tt(n,o,r)},n.addHook=function(e,t){"function"==typeof t&&(he[e]=he[e]||[],E(he[e],t))},n.removeHook=function(e){if(he[e])return w(he[e])},n.removeHooks=function(e){he[e]&&(he[e]=[])},n.removeAllHooks=function(){he={}},n}()}()},841:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.ArrowContainer=void 0;var o=r(893),i=r(196),a=r(512);t.ArrowContainer=function(e){var t=e.childRect,r=e.popoverRect,l=e.position,c=e.arrowColor,s=e.arrowSize,u=e.arrowClassName,d=e.arrowStyle,p=e.className,m=e.children,f=e.style,h=a.useArrowContainer({childRect:t,popoverRect:r,position:l,arrowColor:c,arrowSize:s}),g=h.arrowContainerStyle,v=h.arrowStyle,y=i.useMemo((function(){return n(n({},g),f)}),[g,f]),b=i.useMemo((function(){return n(n({},v),d)}),[v,d]);return o.jsxs("div",n({className:p,style:y},{children:[o.jsx("div",{style:b,className:u},void 0),m]}),void 0)}},106:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=t.usePopover=t.ArrowContainer=t.useArrowContainer=void 0;var o=r(893),i=r(196),a=r(114),l=r(319),c=r(101);Object.defineProperty(t,"usePopover",{enumerable:!0,get:function(){return c.usePopover}});var s=r(444),u=r(512);Object.defineProperty(t,"useArrowContainer",{enumerable:!0,get:function(){return u.useArrowContainer}});var d=r(841);Object.defineProperty(t,"ArrowContainer",{enumerable:!0,get:function(){return d.ArrowContainer}});var p=["top","left","right","bottom"],m=i.forwardRef((function(e,t){var r=e.isOpen,u=e.children,d=e.content,m=e.positions,f=void 0===m?p:m,h=e.align,g=void 0===h?"center":h,v=e.padding,y=void 0===v?0:v,b=e.reposition,w=void 0===b||b,E=e.parentElement,_=void 0===E?window.document.body:E,R=e.boundaryElement,N=void 0===R?_:R,T=e.containerClassName,S=void 0===T?"react-tiny-popover-container":T,C=e.containerStyle,A=e.contentLocation,x=e.boundaryInset,O=void 0===x?0:x,L=e.onClickOutside,k=e.clickOutsideCapture,I=void 0!==k&&k,M=s.useMemoizedArray(f),P=i.useRef(!1),D=i.useRef(),j=i.useRef(),z=i.useRef(w),F=i.useRef(),U=i.useState({align:g,nudgedLeft:0,nudgedTop:0,position:M[0],padding:y,childRect:l.EMPTY_CLIENT_RECT,popoverRect:l.EMPTY_CLIENT_RECT,parentRect:l.EMPTY_CLIENT_RECT,boundaryRect:l.EMPTY_CLIENT_RECT,boundaryInset:O,violations:l.EMPTY_CLIENT_RECT,hasViolations:!1}),B=U[0],H=U[1],$=i.useCallback((function(e){return H(e)}),[]),W=c.usePopover({isOpen:r,childRef:F,containerClassName:S,parentElement:_,boundaryElement:N,contentLocation:A,positions:M,align:g,padding:y,boundaryInset:O,reposition:w,onPositionPopover:$}),q=W.positionPopover,G=W.popoverRef,Y=W.scoutRef;i.useLayoutEffect((function(){var e=!0,t=function(){var n,o;if(r&&e){var i=null===(n=null==F?void 0:F.current)||void 0===n?void 0:n.getBoundingClientRect(),a=null===(o=null==G?void 0:G.current)||void 0===o?void 0:o.getBoundingClientRect();null==i||null==a||l.rectsAreEqual(i,{top:B.childRect.top,left:B.childRect.left,width:B.childRect.width,height:B.childRect.height,bottom:B.childRect.top+B.childRect.height,right:B.childRect.left+B.childRect.width})&&a.width===B.popoverRect.width&&a.height===B.popoverRect.height&&B.padding===y&&B.align===g&&M===D.current&&A===j.current&&w===z.current||q(),M!==D.current&&(D.current=M),A!==j.current&&(j.current=A),w!==z.current&&(z.current=w),e&&window.requestAnimationFrame(t)}P.current=r};return window.requestAnimationFrame(t),function(){e=!1}}),[g,A,r,y,G,B.align,B.childRect.height,B.childRect.left,B.childRect.top,B.childRect.width,B.padding,B.popoverRect.height,B.popoverRect.width,q,M,w]),i.useEffect((function(){var e=G.current;return Object.assign(e.style,C),function(){Object.keys(null!=C?C:{}).forEach((function(t){return delete e.style[t]}))}}),[C,r,G]);var V=i.useCallback((function(e){var t,n;!r||(null===(t=G.current)||void 0===t?void 0:t.contains(e.target))||(null===(n=F.current)||void 0===n?void 0:n.contains(e.target))||null==L||L(e)}),[r,L,G]),K=i.useCallback((function(){F.current&&window.requestAnimationFrame((function(){return q()}))}),[q]);i.useEffect((function(){var e=_.ownerDocument.body;return e.addEventListener("click",V,I),e.addEventListener("contextmenu",V,I),e.addEventListener("resize",K),function(){e.removeEventListener("click",V,I),e.removeEventListener("contextmenu",V,I),e.removeEventListener("resize",K)}}),[I,V,K,_]);var J=i.useCallback((function(e){F.current=e,null!=t&&("object"==typeof t?t.current=e:"function"==typeof t&&t(e))}),[t]);return o.jsxs(o.Fragment,{children:[i.cloneElement(u,{ref:J}),r?o.jsx(a.PopoverPortal,n({element:G.current,scoutElement:Y.current,container:_},{children:"function"==typeof d?d(B):d}),void 0):null]},void 0)}));t.Popover=i.forwardRef((function(e,t){return"undefined"==typeof window?e.children:o.jsx(m,n({},e,{ref:t}),void 0)}))},114:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PopoverPortal=void 0;var n=r(196),o=r(850);t.PopoverPortal=function(e){var t=e.container,r=e.element,i=e.scoutElement,a=e.children;return n.useLayoutEffect((function(){return t.appendChild(r),t.appendChild(i),function(){t.removeChild(r),t.removeChild(i)}}),[t,r,i]),o.createPortal(a,r)}},512:function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.useArrowContainer=void 0;var o=r(196);t.useArrowContainer=function(e){var t=e.childRect,r=e.popoverRect,i=e.position,a=e.arrowSize,l=e.arrowColor;return{arrowContainerStyle:o.useMemo((function(){return{padding:a}}),[a]),arrowStyle:o.useMemo((function(){return n({position:"absolute"},function(){var e=2*a,n=t.top-r.top+t.height/2-e/2,o=t.left-r.left+t.width/2-e/2,c=a,s=r.width-a,u=r.height-a;switch(o=(o=o<c?c:o)+e>s?s-e:o,n=(n=n<c?c:n)+e>u?u-e:n,n=Number.isNaN(n)?0:n,o=Number.isNaN(o)?0:o,i){case"right":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderRight:a+"px solid "+l,left:0,top:n};case"left":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderLeft:a+"px solid "+l,right:0,top:n};case"bottom":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderBottom:a+"px solid "+l,top:0,left:o};case"top":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderTop:a+"px solid "+l,bottom:0,left:o};default:return{display:"hidden"}}}())}),[l,a,t.height,t.left,t.top,t.width,r.height,r.left,r.top,r.width,i])}}},423:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useElementRef=void 0;var n=r(196),o=r(319);t.useElementRef=function(e,t){var r=n.useRef(),i=n.useMemo((function(){return o.createContainer(t,e)}),[e,t]);return r.current=i,r}},444:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMemoizedArray=void 0;var n=r(196);t.useMemoizedArray=function(e){var t=n.useRef(e);return n.useMemo((function(){if(t.current===e)return t.current;if(t.current.length!==e.length)return t.current=e,e;for(var r=0;r<e.length;r+=1)if(e[r]!==t.current[r])return t.current=e,e;return t.current}),[e])}},101:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePopover=void 0;var n=r(196),o=r(319),i=r(423),a={position:"fixed",overflow:"visible",top:"0px",left:"0px"},l={position:"fixed",top:"0px",left:"0px",width:"0px",height:"0px",visibility:"hidden"};t.usePopover=function(e){var t=e.isOpen,r=e.childRef,c=e.positions,s=e.containerClassName,u=e.parentElement,d=e.contentLocation,p=e.align,m=e.padding,f=e.reposition,h=e.boundaryInset,g=e.boundaryElement,v=e.onPositionPopover,y=i.useElementRef(s,a),b=i.useElementRef("react-tiny-popover-scout",l),w=n.useCallback((function(e){var n,i,a=void 0===e?{}:e,l=a.positionIndex,s=void 0===l?0:l,E=a.parentRect,_=void 0===E?u.getBoundingClientRect():E,R=a.childRect,N=void 0===R?null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.getBoundingClientRect():R,T=a.scoutRect,S=void 0===T?null===(i=null==b?void 0:b.current)||void 0===i?void 0:i.getBoundingClientRect():T,C=a.popoverRect,A=void 0===C?y.current.getBoundingClientRect():C,x=a.boundaryRect,O=void 0===x?g===u?_:g.getBoundingClientRect():x;if(N&&_&&t){if(d){var L="function"==typeof d?d({childRect:N,popoverRect:A,parentRect:_,boundaryRect:O,padding:m,nudgedTop:0,nudgedLeft:0,boundaryInset:h,violations:o.EMPTY_CLIENT_RECT,hasViolations:!1}):d,k=L.top,I=L.left,M=Math.round(_.left+I-S.left),P=Math.round(_.top+k-S.top);return y.current.style.transform="translate("+M+"px, "+P+"px)",void v({childRect:N,popoverRect:A,parentRect:_,boundaryRect:O,padding:m,nudgedTop:0,nudgedLeft:0,boundaryInset:h,violations:o.EMPTY_CLIENT_RECT,hasViolations:!1})}var D=s===c.length,j=D?c[0]:c[s],z=o.getNewPopoverRect({childRect:N,popoverRect:A,boundaryRect:O,position:j,align:p,padding:m,reposition:f},h),F=z.rect;if(z.boundaryViolation&&f&&!D)w({positionIndex:s+1,childRect:N,popoverRect:A,parentRect:_,boundaryRect:O});else{var U=F.top,B=F.left,H=F.width,$=F.height,W=f&&!D,q=o.getNudgedPopoverRect(F,O,h),G=q.left,Y=q.top,V=U,K=B;W&&(V=Y,K=G),V=Math.round(V-S.top),K=Math.round(K-S.left),y.current.style.transform="translate("+K+"px, "+V+"px)";var J={top:O.top+h-V,left:O.left+h-K,right:K+H-O.right+h,bottom:V+$-O.bottom+h};v({childRect:N,popoverRect:{top:V,left:K,width:H,height:$,right:K+H,bottom:V+$},parentRect:_,boundaryRect:O,position:j,align:p,padding:m,nudgedTop:Y-U,nudgedLeft:G-B,boundaryInset:h,violations:{top:J.top<=0?0:J.top,left:J.left<=0?0:J.left,right:J.right<=0?0:J.right,bottom:J.bottom<=0?0:J.bottom},hasViolations:J.top>0||J.left>0||J.right>0||J.bottom>0})}}}),[u,r,b,y,g,t,d,c,p,m,f,h,v]);return{positionPopover:w,popoverRef:y,scoutRef:b}}},319:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getNudgedPopoverRect=t.getNewPopoverRect=t.popoverRectForPosition=t.createContainer=t.rectsAreEqual=t.EMPTY_CLIENT_RECT=void 0,t.EMPTY_CLIENT_RECT={top:0,left:0,bottom:0,height:0,right:0,width:0},t.rectsAreEqual=function(e,t){return e===t||(null==e?void 0:e.bottom)===(null==t?void 0:t.bottom)&&(null==e?void 0:e.height)===(null==t?void 0:t.height)&&(null==e?void 0:e.left)===(null==t?void 0:t.left)&&(null==e?void 0:e.right)===(null==t?void 0:t.right)&&(null==e?void 0:e.top)===(null==t?void 0:t.top)&&(null==e?void 0:e.width)===(null==t?void 0:t.width)},t.createContainer=function(e,t){var r=window.document.createElement("div");return t&&(r.className=t),Object.assign(r.style,e),r},t.popoverRectForPosition=function(e,t,r,n,o){var i,a,l=t.left+t.width/2,c=t.top+t.height/2,s=r.width,u=r.height;switch(e){case"left":i=c-u/2,a=t.left-n-s,"start"===o&&(i=t.top),"end"===o&&(i=t.bottom-u);break;case"bottom":i=t.bottom+n,a=l-s/2,"start"===o&&(a=t.left),"end"===o&&(a=t.right-s);break;case"right":i=c-u/2,a=t.right+n,"start"===o&&(i=t.top),"end"===o&&(i=t.bottom-u);break;default:i=t.top-u-n,a=l-s/2,"start"===o&&(a=t.left),"end"===o&&(a=t.right-s)}return{top:i,left:a,width:s,height:u,right:a+s,bottom:i+u}},t.getNewPopoverRect=function(e,r){var n=e.position,o=e.align,i=e.childRect,a=e.popoverRect,l=e.boundaryRect,c=e.padding,s=e.reposition,u=t.popoverRectForPosition(n,i,a,c,o);return{rect:u,boundaryViolation:s&&("top"===n&&u.top<l.top+r||"left"===n&&u.left<l.left+r||"right"===n&&u.right>l.right-r||"bottom"===n&&u.bottom>l.bottom-r)}},t.getNudgedPopoverRect=function(e,t,r){var n=t.top+r,o=t.left+r,i=t.right-r,a=t.bottom-r,l=e.top<n?n:e.top;l=l+e.height>a?a-e.height:l;var c=e.left<o?o:e.left;return{top:l,left:c=c+e.width>i?i-e.width:c,width:e.width,height:e.height,right:c+e.width,bottom:l+e.height}}},251:(e,t,r)=>{"use strict";var n=r(196),o=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,u=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!c.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=s,t.jsxs=s},893:(e,t,r)=>{"use strict";e.exports=r(251)},196:e=>{"use strict";e.exports=window.React},850:e=>{"use strict";e.exports=window.ReactDOM}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n].call(i.exports,i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.element;var t=r(850);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}const o=window.wp.i18n,i=window.wp.apiFetch;var a=r.n(i),l=r(856),c=r.n(l),s=r(196);const u=(r,n)=>{r.preventDefault(),(0,t.render)((0,o.__)("Adding...","wcspots"),r.target),a()({path:"/wc/store/v1/cart/add-item",method:"POST",data:{id:n,quantity:1},headers:{Nonce:window?.wcspotsVars?.nonce}}).then((n=>((0,t.render)((0,o.__)("Product added","wcspots"),r.target),(0,t.render)((0,e.createElement)("a",{href:window.wcspotsVars.cartUrl},(0,o.__)("View Cart","wcspots")),r.target.nextElementSibling),n))).catch((e=>{throw console.log(e),e}))};function d(e){var t=document.createElement("textarea");return t.innerHTML=e,t.value}const p=t=>{let{productId:r,featuredImageSize:n,name:o}=t;const[i,l]=(0,s.useState)(null);return(0,s.useEffect)((()=>{(async()=>{try{const e=await a()({path:`/wp/v2/product/${r}?_embed`});if("automatic"!=typeof n&&void 0!==e._embedded["wp:featuredmedia"]){const t=e._embedded["wp:featuredmedia"][0].media_details.sizes[n]?.source_url;l(t)}}catch(e){console.error(e)}})()}),[r,n]),i?(0,e.createElement)("img",{src:i,alt:o}):null};var m=r(106);const f=(e,t)=>{const[r,n]=(0,s.useState)(null),[o,i]=(0,s.useState)(!0);return(0,s.useEffect)((()=>{!async function(){try{const t=await a()({path:`/wc/store/v1/products/${e}?_fields=id,name,short_description,price_html,images,permalink,add_to_cart,type`});n(t),i(!1)}catch(e){console.error("Error fetching products via WC Store API:",e)}}()}),[e]),{product:r,loading:o}},h=t=>{let{productId:r}=t;const{product:n,loading:i}=f(r);return i?(0,e.createElement)("small",null,(0,o.__)("Loading product title...","wcspots")):n?(0,e.createElement)("a",{href:n.permalink},d(n.name)):(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"))},g=window.wp.components,v=t=>{let{productId:r,featuredImageSize:i}=t;const{product:l,loading:c}=f(r),{loadingFeaturedImg:u,featuredImage:d}=((e,t)=>{const[r,n]=(0,s.useState)(!0),[o,i]=(0,s.useState)(null);return(0,s.useEffect)((()=>{!async function(){try{n(!0);const r=await a()({path:`/wp/v2/product/${e}?_embed`});if("automatic"!=typeof t&&void 0!==r._embedded["wp:featuredmedia"]){const e=r._embedded["wp:featuredmedia"][0].media_details.sizes[t]?.source_url;i(e)}n(!1)}catch(e){console.error("Error fetching featured image size source url via WP Rest API:",e)}}()}),[t]),{loadingImg:r,featuredImage:o}})(r,i);if(c||u)return(0,e.createElement)(g.Spinner,null);if(!l)return(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"));const p=l.images&&l.images.length>0,m=p?l.images[0]:null,h=p?m.srcset:null,v=p?m.src:null,y="object"==typeof wc?(0,e.createElement)("img",{src:wc?.wcSettings?.PLACEHOLDER_IMG_SRC,alt:l.name}):(0,o.__)("Product has no featured image","wcspots");return p?(0,e.createElement)("img",n({},h&&!d?{srcSet:h}:{},{src:null!=d?d:v,alt:l.name})):(0,e.createElement)(s.Fragment,null,y)},y=t=>{let{productId:r}=t;const{product:n,loading:i}=f(r),a=c().sanitize;return i?(0,e.createElement)("small",null,(0,o.__)("Loading product price...","wcspots")):n?(0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:a(n.price_html)}}):(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"))},b=t=>{let{productId:r}=t;const{product:n,loading:i}=f(r),a=c().sanitize;return i?(0,e.createElement)("small",null,(0,o.__)("Loading short description...","wcspots")):n?(0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:a(n.short_description)}}):(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"))},w=t=>{let{productId:r}=t;const{product:n,loading:i}=f(r);if(i)return(0,e.createElement)("small",null,(0,o.__)("Loading...","wcspots"));if(!n)return(0,e.createElement)("div",null,(0,o.__)("Product not found","wcspots"));const{text:a,description:l,url:c}=n.add_to_cart;return(0,e.createElement)(e.Fragment,null,(0,e.createElement)("a",{className:"wp-block-button__link wc-block-components-product-button__button add_to_cart_button ajax_add_to_cart",href:("simple"!==n?.type||!n?.price_html)&&c,title:l,onClick:()=>{"simple"===n?.type&&n?.price_html&&u(event,r)}},a),"simple"===n?.type&&(0,e.createElement)("small",{className:"view-cart"}))},E=t=>{var r,n;const{assocProdId:o,parentElement:i,isEditing:a,popoverAtts:l}=t,[c,s]=(0,e.useState)(!1),{popoverWidth:u,popoverPadding:d,productsLayout:p,productsAlign:f,elementsToggle:g,productSpacing:E,productPadding:_,imageSizeOn:R,imageSize:N,titleSize:T,priceSize:S,excerptSize:C,addToCartSize:A,productBackColor:x,titleColor:O,priceColor:L,excerptColor:k,roundCorners:I,arrowSize:M}=l,P={width:`clamp(${u.min},${u.val},${u.max})`},D={...I&&{borderRadius:I},..."layout3"===p&&R&&{height:N}},j={borderWidth:M,...x&&{borderColor:x}},z={..."layout3"!==p&&{padding:d},...x&&{backgroundColor:x}},F={marginBottom:E},U=()=>!!R&&("layout1"===p?{height:N}:{flexBasis:N}),B=()=>{if(!R)return!1;let e=`calc( 100% - ${N} )`;return"layout1"===p?{height:e}:{flexBasis:e}},H={...null!==(r=U())&&void 0!==r?r:U()},$={padding:_,...null!==(n=B())&&void 0!==n?n:B()},W={fontSize:T,...O&&{color:O}},q={fontSize:S,...L&&{color:L}},G={fontSize:C,...k&&{color:k}},Y={transform:`scale(${A})`};return(0,e.createElement)(m.Popover,{parentElement:i,isOpen:c,onClickOutside:()=>s(a),positions:["bottom","top","left","right"],padding:30,reposition:!0,align:"center",containerStyle:P,content:t=>{let{position:r,nudgedLeft:n,nudgedTop:i}=t;return(0,e.createElement)("div",{className:`popover-content ${p}`,style:D},(0,e.createElement)("div",{className:`arrow ${r}`,style:Object.assign(j,{marginLeft:-n,marginTop:-i})}),(0,e.createElement)("div",{className:`wcspots-product align-${f}`,style:z},"layout3"===p&&(0,e.createElement)("div",{className:"overlay",style:{background:x}}),g?.image&&(0,e.createElement)("div",{className:"product-featured-image",style:H},(0,e.createElement)(v,{productId:o})),(0,e.createElement)("div",{className:"product-elements",style:$},g?.title&&(0,e.createElement)("h4",{className:"product-title product-element",style:Object.assign(W,F)},(0,e.createElement)(h,{productId:o})),g?.price&&(0,e.createElement)("div",{className:"product-price product-element",style:Object.assign(q,F)},(0,e.createElement)(y,{productId:o})),g?.excerpt&&(0,e.createElement)("div",{className:"product-excerpt product-element",style:Object.assign(G,F)},(0,e.createElement)(b,{productId:o})),g?.addToCart&&(0,e.createElement)("div",{className:"product-add-to-cart product-element",style:Object.assign(Y,F)},(0,e.createElement)(w,{productId:o})))))}},(0,e.createElement)("div",{className:"popover-toggler",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"50%",zIndex:"5"},onClick:()=>{s((e=>!e))},draggable:!0}))};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-micemade-wcspots").forEach((r=>{const i=JSON.parse(r.dataset.productIds),l=r.dataset.blockId,m=r.dataset.popoverAtts;r.getElementsByClassName("products-grid-container").length>0&&((r,i)=>{const l=document.querySelector(`[data-block-id="${i}"]`),m=l.dataset.featuredImageSize,f=c().sanitize,h=r.map((e=>e.toString())).join(",");a()({path:`/wc/store/v1/products/?include=${h}&_fields=id,name,short_description,price_html,images,permalink,add_to_cart, type`}).then((r=>{r.forEach((r=>{const i=r.id,a=r.name?r.name:null,c=r.permalink?r.permalink:"#",h=r.short_description?r.short_description:null,g=r.price_html?r.price_html:null,v=r.add_to_cart?r.add_to_cart:null,y=r.type?r.type:null,b=r.images&&r.images.length>0,w=b?r.images[0]:null,E=w?.srcset,_=w?.src,R="object"==typeof wc?(0,e.createElement)("img",{src:wc?.wcSettings?.PLACEHOLDER_IMG_SRC,alt:a}):(0,o.__)("Product has no featured image","wcspots");let N=null;N=m&&"automatic"!==m?b?(0,e.createElement)(p,{productId:i,featuredImageSize:m,name:a}):(0,e.createElement)(s.Fragment,null,R):b?(0,e.createElement)("img",n({},E?{srcSet:E}:{},{src:_,alt:a,sizes:"(max-width: 599px) 100vw, calc(100vw / 3)"})):(0,e.createElement)(s.Fragment,null,R);const T=l.querySelector(`[data-product-image="${i}"]`),S=l.querySelector(`[data-product-title="${i}"]`),C=l.querySelector(`[data-product-price="${i}"]`),A=l.querySelector(`[data-product-excerpt="${i}"]`),x=l.querySelector(`[data-product-addtocart="${i}"]`);T&&N&&(0,t.render)(N,T),S&&(0,t.render)((0,e.createElement)("a",{href:c,title:d(a)},d(a)),S),C&&(0,t.render)((0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:f(g)}}),C),A&&(0,t.render)((0,e.createElement)("div",{dangerouslySetInnerHTML:{__html:f(h)}}),A),x&&(0,t.render)((0,e.createElement)(s.Fragment,null,(0,e.createElement)("a",{className:"wp-block-button__link wc-block-components-product-button__button add_to_cart_button ajax_add_to_cart",href:"simple"!==y||!g&&v?.url,title:v?.description,onClick:()=>{"simple"===y&&g&&u(event,i)}},v?.text),"simple"===y&&(0,e.createElement)("small",{className:"view-cart"})),x)}))})).catch((e=>{console.error(e)}))})(i,l),r.querySelectorAll(".product-hotspot").forEach((n=>{const o=n.dataset.productId,i=n.getElementsByClassName("events-holder")[0];o&&(0,t.render)((0,e.createElement)(E,{assocProdId:o,popoverAtts:JSON.parse(m)}),i),((e,t)=>{const r=e.dataset.productId,n=e.dataset.primcolor,o=t.querySelector(`[data-product-id="${r}"]`),i=null!=n?n:" rgba(0, 0, 0, 0.6)";o&&(e.addEventListener("mouseover",(e=>{o.classList.add("highlighted"),o.style.setProperty("--highlight-color",`${i}`)})),e.addEventListener("mouseleave",(e=>{o.classList.remove("highlighted")})))})(n,r)}))}))}))})()})();

  • wcspots/trunk/build/index.asset.php

    r2928069 r2972190  
    1 <?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-element', 'wp-i18n'), 'version' => 'd6c4facddf825dd053e3');
     1<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '9fe3f8c3904d9804cf37');

  • wcspots/trunk/build/index.css

    r2926653 r2972190  
    1 .wp-block-micemade-wcspots:hover{outline:1px dotted red}.editor-range-unit-combo{align-items:flex-start}.editor-range-unit-combo .components-range-control{-webkit-margin-after:10px;flex-basis:75%;margin-block-end:10px}.components-base-control.image-radio-select-control-label{margin-bottom:5px;margin-top:10px}.wcspots-image-button{border-radius:5px!important;height:auto;margin:0 2px}.wcspots-image-button:first-child{margin-left:0}.block-editor-block-inspector .wcspots-label{margin-bottom:12px}.hotspot-product-title .unassign{opacity:0;visibility:hidden}.hotspot-product-title:hover .unassign{opacity:1;visibility:visible}.product-hotspot .remove-hotspot{opacity:0;visibility:hidden}.product-hotspot:hover .remove-hotspot{opacity:1;visibility:visible}.components-button.remove-hotspot,.components-button.unassign{border-radius:50%;height:24px;left:calc(100% - 12px);min-width:auto!important;padding:5px!important;position:absolute;top:-12px;transition:all .3s linear;width:-moz-max-content;width:max-content;z-index:10}.components-button.unassign{background:#246fb1;color:#fff;transform:scale(.7)}.components-button.remove-hotspot{background:#ed006b;color:#fff;transform:scale(.6)}.components-button.wcspots-reset-attributes{display:flex;justify-content:right;padding:0;width:100%}.components-panel__body.hotspot-settings{background:#f5f5f5;border-radius:4px;flex:1}.components-panel__body.hotspot-settings>.components-panel__body-title button{border-radius:4px;font-size:12px;font-weight:400;padding:10px 42px 10px 10px}.components-panel__body.hotspot-settings>.components-panel__body-title button>span svg{height:18px}.components-panel__body.hotspot-settings>div{padding:0}
     1.wp-block-micemade-wcspots:hover{outline:1px dotted red}.editor-range-unit-combo{align-items:flex-start}.editor-range-unit-combo .components-range-control{-webkit-margin-after:10px;flex-basis:75%;margin-block-end:10px}.components-base-control.image-radio-select-control-label{margin-bottom:5px;margin-top:10px}.wcspots-image-button{border-radius:5px!important;height:auto;margin:0 2px}.wcspots-image-button:first-child{margin-left:0}.block-editor-block-inspector .wcspots-label{margin-bottom:12px}.hotspot-product-title .unassign{opacity:0;visibility:hidden}.hotspot-product-title:hover .unassign{opacity:1;visibility:visible}.product-hotspot .remove-hotspot{opacity:0;visibility:hidden}.product-hotspot:hover .remove-hotspot{opacity:1;visibility:visible}.remove-hotspot,.unassign{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;left:50%;min-width:auto!important;padding:5px!important;position:absolute;top:50%;transition:all .3s linear;width:-moz-max-content;width:max-content;width:24px;z-index:10}.remove-hotspot:hover,.unassign:hover{cursor:pointer}.unassign{background:#246fb1;color:#fff;left:calc(100% - 12px);top:-12px;transform:scale(.7)}.remove-hotspot{background:#ed006b;color:#fff;transform:translateX(0) translateY(-90%) scale(.5)}.wcspots-reset-attributes{display:flex;justify-content:right;padding:0;width:100%}.hotspots-list li.hotspot-list-item{align-items:center;background:#f5f5f5;border:1px solid #e5e5e5;border-bottom:none;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0}.hotspots-list li.hotspot-list-item p{font-size:12px;line-height:1.4;margin:0;padding:6px}.hotspots-list li.hotspot-list-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.hotspots-list li.hotspot-list-item:last-child{border-bottom:1px solid #e5e5e5;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.hotspots-editor-bottomtip{background:hsla(0,0%,100%,.7);border-radius:4px;bottom:14px;color:#333;font-size:14px;left:50%;line-height:1.4;padding:2px 8px;position:absolute;transform:translateX(-50%);visibility:hidden;z-index:10}.hotspots-editor-bottomtip.visible{visibility:visible}.components-panel__body.hotspot-settings{background:#f5f5f5;border-radius:4px;flex:1}.components-panel__body.hotspot-settings>.components-panel__body-title button{border-radius:4px;font-size:12px;font-weight:400;padding:10px 42px 10px 10px}.components-panel__body.hotspot-settings>.components-panel__body-title button>span svg{height:18px}.components-panel__body.hotspot-settings>div{padding:0}.hotspot-tools-panel.components-tools-panel{padding:5px 5px 15px}.hotspot-tools-panel.hotspot-colors{margin-bottom:15px}.hotspot-tools-panel .first{margin-top:10px}

  • wcspots/trunk/build/index.js

    r2928069 r2972190  
    1 (()=>{var e,t={672:(e,t,n)=>{"use strict";const o=window.wp.blocks,r=JSON.parse('{"u2":"micemade/wcspots","Y4":{"id":{"type":"string","default":""},"title":{"type":"string","default":""},"description":{"type":"string","default":""},"settingsTitleDesc":{"type":"object","default":{"activeTitle":true,"tagName":"h2","align":"center","spacingTitle":"20px","activeDesc":true,"spacingDesc":"10px"}},"productsData":{"type":"array","default":[]},"media":{"type":"object","default":{}},"srcSetAtt":{"type":"string","default":""},"sizesAtt":{"type":"string","default":""},"mediaID":{"type":"number","default":null},"mediaURL":{"type":"string","default":null},"backImage":{"type":"string","default":"backimage-none"},"backimageOpacity":{"type":"number","default":0.3},"isStackedOnMobile":{"type":"boolean","default":true},"flexLayout":{"type":"string","default":"row"},"valign":{"type":"string","default":"flex-start"},"flexItemsRatio":{"type":"number","default":50},"flexGap":{"type":"string","default":"1vw"},"productsLayout":{"type":"string","default":"layout1"},"productsAlign":{"type":"string","default":"flex-start"},"columns":{"type":"number","default":3},"elementsToggle":{"type":"object","default":{"image":true,"title":true,"price":true,"excerpt":true,"addToCart":true}},"productsGap":{"type":"string","default":"1em"},"productSpacing":{"type":"string","default":"0.7em"},"productPadding":{"type":"string","default":"0.5em"},"titleSize":{"type":"string","default":"1em"},"priceSize":{"type":"string","default":"0.8em"},"excerptSize":{"type":"string","default":"0.8em"},"addToCartSize":{"type":"number","default":1},"productBackColor":{"type":"string","default":""},"titleColor":{"type":"string","default":""},"priceColor":{"type":"string","default":""},"excerptColor":{"type":"string","default":""},"hotspots":{"type":"array","default":[]},"hotspotSettings":{"type":"object","default":{"showTitle":true,"titleColor":"#333","titleBack":"#fff","titleSize":"14px","iconStyle":"iconstyle-1","primaryColor":"rgba(17, 17, 17, 0.2)","secondaryColor":"rgb(255, 255, 255)"}},"selectedHotspot":{"type":"number","default":null},"selectedProduct":{"type":"string","default":""},"editModal":{"type":"boolean","default":false},"popoverAtts":{"type":"object","default":{"popoverWidth":{"min":"340px","val":"80%","max":"600px"},"popoverPadding":"0.5em","productsLayout":"layout1","productsAlign":"flex-start","elementsToggle":{"image":true,"title":true,"price":true,"excerpt":true,"addToCart":true},"productSpacing":"0.6em","productPadding":"0.8em","titleSize":"1em","priceSize":"1em","excerptSize":"0.8em","addToCartSize":1,"productBackColor":"","titleColor":"","priceColor":"","excerptColor":"","roundCorners":"8px","arrowSize":"10px"}},"style":{"type":"object","default":{"color":{"text":"#3a3a3a","background":"#fbf9f4"},"spacing":{"padding":{"top":"2vw","right":"2vw","bottom":"2vw","left":"2vw"}}}}}}'),i=window.wp.element,a=window.wp.i18n,l=window.wp.blockEditor,s=window.wp.components;var c=n(184),u=n.n(c);const p=window.wp.coreData;var d=n(196),f=n.n(d);const m=window.lodash;function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e){var t=function(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!==g(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===g(t)?t:String(t)}function v(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function C(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,_x,i,a=[],_n=!0,l=!1;try{if(_x=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;_n=!1}else for(;!(_n=(o=_x.call(n)).done)&&(a.push(o.value),a.length!==t);_n=!0);}catch(e){l=!0,r=e}finally{try{if(!_n&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw r}}return a}}(e,t)||C(e,t)||function(){throw new 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,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}function x(e,t){if(null==e)return{};var n,o,r=S(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var _=["defaultInputValue","defaultMenuIsOpen","defaultValue","inputValue","menuIsOpen","onChange","onInputChange","onMenuClose","onMenuOpen","value"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,h(o.key),o)}}function T(e,t){return T=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},T(e,t)}function R(e){return R=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},R(e)}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function I(e){return function(e){if(Array.isArray(e))return E(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||C(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var A=function(){function e(e){var t=this;this._insertTag=function(e){var n;n=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{n.insertRule(e,n.cssRules.length)}catch(e){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}(),M=Math.abs,N=String.fromCharCode,L=Object.assign;function D(e){return e.trim()}function z(e,t,n){return e.replace(t,n)}function V(e,t){return e.indexOf(t)}function F(e,t){return 0|e.charCodeAt(t)}function B(e,t,n){return e.slice(t,n)}function H(e){return e.length}function j(e){return e.length}function U(e,t){return t.push(e),e}var $=1,W=1,G=0,Y=0,q=0,X="";function J(e,t,n,o,r,i,a){return{value:e,root:t,parent:n,type:o,props:r,children:i,line:$,column:W,length:a,return:""}}function K(e,t){return L(J("",null,null,"",null,null,0),e,{length:-e.length},t)}function Z(){return q=Y>0?F(X,--Y):0,W--,10===q&&(W=1,$--),q}function Q(){return q=Y<G?F(X,Y++):0,W++,10===q&&(W=1,$++),q}function ee(){return F(X,Y)}function te(){return Y}function ne(e,t){return B(X,e,t)}function oe(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function re(e){return $=W=1,G=H(X=e),Y=0,[]}function ie(e){return X="",e}function ae(e){return D(ne(Y-1,ce(91===e?e+2:40===e?e+1:e)))}function le(e){for(;(q=ee())&&q<33;)Q();return oe(e)>2||oe(q)>3?"":" "}function se(e,t){for(;--t&&Q()&&!(q<48||q>102||q>57&&q<65||q>70&&q<97););return ne(e,te()+(t<6&&32==ee()&&32==Q()))}function ce(e){for(;Q();)switch(q){case e:return Y;case 34:case 39:34!==e&&39!==e&&ce(q);break;case 40:41===e&&ce(e);break;case 92:Q()}return Y}function ue(e,t){for(;Q()&&e+q!==57&&(e+q!==84||47!==ee()););return"/*"+ne(t,Y-1)+"*"+N(47===e?e:Q())}function pe(e){for(;!oe(ee());)Q();return ne(e,Y)}var de="-ms-",fe="-moz-",me="-webkit-",ge="comm",he="rule",ve="decl",be="@import",ye="@keyframes";function Ee(e,t){for(var n="",o=j(e),r=0;r<o;r++)n+=t(e[r],r,e,t)||"";return n}function Ce(e,t,n,o){switch(e.type){case be:case ve:return e.return=e.return||e.value;case ge:return"";case ye:return e.return=e.value+"{"+Ee(e.children,o)+"}";case he:e.value=e.props.join(",")}return H(n=Ee(e.children,o))?e.return=e.value+"{"+n+"}":""}function we(e){return ie(Se("",null,null,null,[""],e=re(e),0,[0],e))}function Se(e,t,n,o,r,i,a,l,s){for(var c=0,u=0,p=a,d=0,f=0,m=0,g=1,h=1,v=1,b=0,y="",E=r,C=i,w=o,S=y;h;)switch(m=b,b=Q()){case 40:if(108!=m&&58==F(S,p-1)){-1!=V(S+=z(ae(b),"&","&\f"),"&\f")&&(v=-1);break}case 34:case 39:case 91:S+=ae(b);break;case 9:case 10:case 13:case 32:S+=le(m);break;case 92:S+=se(te()-1,7);continue;case 47:switch(ee()){case 42:case 47:U(_e(ue(Q(),te()),t,n),s);break;default:S+="/"}break;case 123*g:l[c++]=H(S)*v;case 125*g:case 59:case 0:switch(b){case 0:case 125:h=0;case 59+u:f>0&&H(S)-p&&U(f>32?Oe(S+";",o,n,p-1):Oe(z(S," ","")+";",o,n,p-2),s);break;case 59:S+=";";default:if(U(w=xe(S,t,n,c,u,r,l,y,E=[],C=[],p),i),123===b)if(0===u)Se(S,t,w,w,E,i,p,l,C);else switch(99===d&&110===F(S,3)?100:d){case 100:case 109:case 115:Se(e,w,w,o&&U(xe(e,w,w,0,0,r,l,y,r,E=[],p),C),r,C,p,l,o?E:C);break;default:Se(S,w,w,w,[""],C,0,l,C)}}c=u=f=0,g=v=1,y=S="",p=a;break;case 58:p=1+H(S),f=m;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==Z())continue;switch(S+=N(b),b*g){case 38:v=u>0?1:(S+="\f",-1);break;case 44:l[c++]=(H(S)-1)*v,v=1;break;case 64:45===ee()&&(S+=ae(Q())),d=ee(),u=p=H(y=S+=pe(te())),b++;break;case 45:45===m&&2==H(S)&&(g=0)}}return i}function xe(e,t,n,o,r,i,a,l,s,c,u){for(var p=r-1,d=0===r?i:[""],f=j(d),m=0,g=0,h=0;m<o;++m)for(var v=0,b=B(e,p+1,p=M(g=a[m])),y=e;v<f;++v)(y=D(g>0?d[v]+" "+b:z(b,/&\f/g,d[v])))&&(s[h++]=y);return J(e,t,n,0===r?he:l,s,c,u)}function _e(e,t,n){return J(e,t,n,ge,N(q),B(e,2,-2),0)}function Oe(e,t,n,o){return J(e,t,n,ve,B(e,0,o),B(e,o+1,-1),o)}var ke=function(e,t,n){for(var o=0,r=0;o=r,r=ee(),38===o&&12===r&&(t[n]=1),!oe(r);)Q();return ne(e,Y)},Te=new WeakMap,Re=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,o=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||Te.get(n))&&!o){Te.set(e,!0);for(var r=[],i=function(e,t){return ie(function(e,t){var n=-1,o=44;do{switch(oe(o)){case 0:38===o&&12===ee()&&(t[n]=1),e[n]+=ke(Y-1,t,n);break;case 2:e[n]+=ae(o);break;case 4:if(44===o){e[++n]=58===ee()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=N(o)}}while(o=Q());return e}(re(e),t))}(t,r),a=n.props,l=0,s=0;l<i.length;l++)for(var c=0;c<a.length;c++,s++)e.props[s]=r[l]?i[l].replace(/&\f/g,a[c]):a[c]+" "+i[l]}}},Pe=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function Ie(e,t){switch(function(e,t){return 45^F(e,0)?(((t<<2^F(e,0))<<2^F(e,1))<<2^F(e,2))<<2^F(e,3):0}(e,t)){case 5103:return me+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return me+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return me+e+fe+e+de+e+e;case 6828:case 4268:return me+e+de+e+e;case 6165:return me+e+de+"flex-"+e+e;case 5187:return me+e+z(e,/(\w+).+(:[^]+)/,me+"box-$1$2"+de+"flex-$1$2")+e;case 5443:return me+e+de+"flex-item-"+z(e,/flex-|-self/,"")+e;case 4675:return me+e+de+"flex-line-pack"+z(e,/align-content|flex-|-self/,"")+e;case 5548:return me+e+de+z(e,"shrink","negative")+e;case 5292:return me+e+de+z(e,"basis","preferred-size")+e;case 6060:return me+"box-"+z(e,"-grow","")+me+e+de+z(e,"grow","positive")+e;case 4554:return me+z(e,/([^-])(transform)/g,"$1"+me+"$2")+e;case 6187:return z(z(z(e,/(zoom-|grab)/,me+"$1"),/(image-set)/,me+"$1"),e,"")+e;case 5495:case 3959:return z(e,/(image-set\([^]*)/,me+"$1$`$1");case 4968:return z(z(e,/(.+:)(flex-)?(.*)/,me+"box-pack:$3"+de+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+me+e+e;case 4095:case 3583:case 4068:case 2532:return z(e,/(.+)-inline(.+)/,me+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(H(e)-1-t>6)switch(F(e,t+1)){case 109:if(45!==F(e,t+4))break;case 102:return z(e,/(.+:)(.+)-([^]+)/,"$1"+me+"$2-$3$1"+fe+(108==F(e,t+3)?"$3":"$2-$3"))+e;case 115:return~V(e,"stretch")?Ie(z(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==F(e,t+1))break;case 6444:switch(F(e,H(e)-3-(~V(e,"!important")&&10))){case 107:return z(e,":",":"+me)+e;case 101:return z(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+me+(45===F(e,14)?"inline-":"")+"box$3$1"+me+"$2$3$1"+de+"$2box$3")+e}break;case 5936:switch(F(e,t+11)){case 114:return me+e+de+z(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return me+e+de+z(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return me+e+de+z(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return me+e+de+e+e}return e}var Ae=[function(e,t,n,o){if(e.length>-1&&!e.return)switch(e.type){case ve:e.return=Ie(e.value,e.length);break;case ye:return Ee([K(e,{value:z(e.value,"@","@"+me)})],o);case he:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return Ee([K(e,{props:[z(t,/:(read-\w+)/,":"+fe+"$1")]})],o);case"::placeholder":return Ee([K(e,{props:[z(t,/:(plac\w+)/,":"+me+"input-$1")]}),K(e,{props:[z(t,/:(plac\w+)/,":"+fe+"$1")]}),K(e,{props:[z(t,/:(plac\w+)/,de+"input-$1")]})],o)}return""}))}}];const Me=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o,r,i=e.stylisPlugins||Ae,a={},l=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n<t.length;n++)a[t[n]]=!0;l.push(e)}));var s,c,u,p,d=[Ce,(p=function(e){s.insert(e)},function(e){e.root||(e=e.return)&&p(e)})],f=(c=[Re,Pe].concat(i,d),u=j(c),function(e,t,n,o){for(var r="",i=0;i<u;i++)r+=c[i](e,t,n,o)||"";return r});r=function(e,t,n,o){s=n,Ee(we(e?e+"{"+t.styles+"}":t.styles),f),o&&(m.inserted[t.name]=!0)};var m={key:t,sheet:new A({key:t,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:r};return m.sheet.hydrate(l),m};var Ne=function(e,t,n){var o=e.key+"-"+t.name;!1===n&&void 0===e.registered[o]&&(e.registered[o]=t.styles)};const Le=function(e){for(var t,n=0,o=0,r=e.length;r>=4;++o,r-=4)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)},De={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var ze=/[A-Z]|^ms/g,Ve=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Fe=function(e){return 45===e.charCodeAt(1)},Be=function(e){return null!=e&&"boolean"!=typeof e},He=function(e){var t=Object.create(null);return function(e){return void 0===t[e]&&(t[e]=Fe(n=e)?n:n.replace(ze,"-$&").toLowerCase()),t[e];var n}}(),je=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(Ve,(function(e,t,n){return $e={name:t,styles:n,next:$e},t}))}return 1===De[e]||Fe(e)||"number"!=typeof t||0===t?t:t+"px"};function Ue(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return $e={name:n.name,styles:n.styles,next:$e},n.name;if(void 0!==n.styles){var o=n.next;if(void 0!==o)for(;void 0!==o;)$e={name:o.name,styles:o.styles,next:$e},o=o.next;return n.styles+";"}return function(e,t,n){var o="";if(Array.isArray(n))for(var r=0;r<n.length;r++)o+=Ue(e,t,n[r])+";";else for(var i in n){var a=n[i];if("object"!=typeof a)null!=t&&void 0!==t[a]?o+=i+"{"+t[a]+"}":Be(a)&&(o+=He(i)+":"+je(i,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var l=Ue(e,t,a);switch(i){case"animation":case"animationName":o+=He(i)+":"+l+";";break;default:o+=i+"{"+l+"}"}}else for(var s=0;s<a.length;s++)Be(a[s])&&(o+=He(i)+":"+je(i,a[s])+";")}return o}(e,t,n);case"function":if(void 0!==e){var r=$e,i=n(e);return $e=r,Ue(e,t,i)}}if(null==t)return n;var a=t[n];return void 0!==a?a:n}var $e,We=/label:\s*([^\s;\n{]+)\s*(;|$)/g,Ge=function(e,t,n){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,r="";$e=void 0;var i=e[0];null==i||void 0===i.raw?(o=!1,r+=Ue(n,t,i)):r+=i[0];for(var a=1;a<e.length;a++)r+=Ue(n,t,e[a]),o&&(r+=i[a]);We.lastIndex=0;for(var l,s="";null!==(l=We.exec(r));)s+="-"+l[1];return{name:Le(r)+s,styles:r,next:$e}},Ye=!!d.useInsertionEffect&&d.useInsertionEffect,qe=Ye||function(e){return e()},Xe=(Ye||d.useLayoutEffect,{}.hasOwnProperty),Je=(0,d.createContext)("undefined"!=typeof HTMLElement?Me({key:"css"}):null);Je.Provider;var Ke=function(e){return(0,d.forwardRef)((function(t,n){var o=(0,d.useContext)(Je);return e(t,o,n)}))},Ze=(0,d.createContext)({}),Qe="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",et=function(e,t){var n={};for(var o in t)Xe.call(t,o)&&(n[o]=t[o]);return n[Qe]=e,n},tt=function(e){var t=e.cache,n=e.serialized,o=e.isStringTag;return Ne(t,n,o),qe((function(){return function(e,t,n){Ne(e,t,n);var o=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var r=t;do{e.insert(t===r?"."+o:"",r,e.sheet,!0),r=r.next}while(void 0!==r)}}(t,n,o)})),null},nt=Ke((function(e,t,n){var o=e.css;"string"==typeof o&&void 0!==t.registered[o]&&(o=t.registered[o]);var r=e[Qe],i=[o],a="";"string"==typeof e.className?a=function(e,t,n){var o="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):o+=n+" "})),o}(t.registered,i,e.className):null!=e.className&&(a=e.className+" ");var l=Ge(i,void 0,(0,d.useContext)(Ze));a+=t.key+"-"+l.name;var s={};for(var c in e)Xe.call(e,c)&&"css"!==c&&c!==Qe&&(s[c]=e[c]);return s.ref=n,s.className=a,(0,d.createElement)(d.Fragment,null,(0,d.createElement)(tt,{cache:t,serialized:l,isStringTag:"string"==typeof r}),(0,d.createElement)(r,s))}));n(679);var ot=function(e,t){var n=arguments;if(null==t||!Xe.call(t,"css"))return d.createElement.apply(void 0,n);var o=n.length,r=new Array(o);r[0]=nt,r[1]=et(e,t);for(var i=2;i<o;i++)r[i]=n[i];return d.createElement.apply(null,r)};function rt(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Ge(t)}var it=n(850),at=n.n(it);Math.min,Math.max;function lt(e){var t;return(null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function st(e){return lt(e).getComputedStyle(e)}["top","right","bottom","left"].reduce(((e,t)=>e.concat(t,t+"-start",t+"-end")),[]),Math.min,Math.max;const ct=Math.round;function ut(e){return mt(e)?(e.nodeName||"").toLowerCase():""}let pt;function dt(e){return e instanceof lt(e).HTMLElement}function ft(e){return e instanceof lt(e).Element}function mt(e){return e instanceof lt(e).Node}function gt(e){return"undefined"!=typeof ShadowRoot&&(e instanceof lt(e).ShadowRoot||e instanceof ShadowRoot)}function ht(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=st(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function vt(){return/^((?!chrome|android).)*safari/i.test(function(){if(pt)return pt;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?(pt=e.brands.map((e=>e.brand+"/"+e.version)).join(" "),pt):navigator.userAgent}())}function bt(e){return ft(e)?e:e.contextElement}const yt={x:1,y:1};function Et(e){const t=bt(e);if(!dt(t))return yt;const n=t.getBoundingClientRect(),{width:o,height:r,fallback:i}=function(e){const t=st(e);let n=parseFloat(t.width),o=parseFloat(t.height);const r=e.offsetWidth,i=e.offsetHeight,a=ct(n)!==r||ct(o)!==i;return a&&(n=r,o=i),{width:n,height:o,fallback:a}}(t);let a=(i?ct(n.width):n.width)/o,l=(i?ct(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function Ct(e,t,n,o){var r,i;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect(),l=bt(e);let s=yt;t&&(o?ft(o)&&(s=Et(o)):s=Et(e));const c=l?lt(l):window,u=vt()&&n;let p=(a.left+(u&&(null==(r=c.visualViewport)?void 0:r.offsetLeft)||0))/s.x,d=(a.top+(u&&(null==(i=c.visualViewport)?void 0:i.offsetTop)||0))/s.y,f=a.width/s.x,m=a.height/s.y;if(l){const e=lt(l),t=o&&ft(o)?lt(o):o;let n=e.frameElement;for(;n&&o&&t!==e;){const e=Et(n),t=n.getBoundingClientRect(),o=getComputedStyle(n);t.x+=(n.clientLeft+parseFloat(o.paddingLeft))*e.x,t.y+=(n.clientTop+parseFloat(o.paddingTop))*e.y,p*=e.x,d*=e.y,f*=e.x,m*=e.y,p+=t.x,d+=t.y,n=lt(n).frameElement}}return g={width:f,height:m,x:p,y:d},{...g,top:g.y,left:g.x,right:g.x+g.width,bottom:g.y+g.height};var g}function wt(e){if("html"===ut(e))return e;const t=e.assignedSlot||e.parentNode||gt(e)&&e.host||function(e){return((mt(e)?e.ownerDocument:e.document)||window.document).documentElement}(e);return gt(t)?t.host:t}function St(e){const t=wt(e);return function(e){return["html","body","#document"].includes(ut(e))}(t)?t.ownerDocument.body:dt(t)&&ht(t)?t:St(t)}function xt(e,t){var n;void 0===t&&(t=[]);const o=St(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=lt(o);return r?t.concat(i,i.visualViewport||[],ht(o)?o:[]):t.concat(o,xt(o))}const _t=d.useLayoutEffect;var Ot=["className","clearValue","cx","getStyles","getClassNames","getValue","hasValue","isMulti","isRtl","options","selectOption","selectProps","setValue","theme"],kt=function(){};function Tt(e,t){return t?"-"===t[0]?e+t:e+"__"+t:e}function Rt(e,t){for(var n=arguments.length,o=new Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];var i=[].concat(o);if(t&&e)for(var a in t)t.hasOwnProperty(a)&&t[a]&&i.push("".concat(Tt(e,a)));return i.filter((function(e){return e})).map((function(e){return String(e).trim()})).join(" ")}var Pt=function(e){return t=e,Array.isArray(t)?e.filter(Boolean):"object"===g(e)&&null!==e?[e]:[];var t},It=function(e){return e.className,e.clearValue,e.cx,e.getStyles,e.getClassNames,e.getValue,e.hasValue,e.isMulti,e.isRtl,e.options,e.selectOption,e.selectProps,e.setValue,e.theme,y({},x(e,Ot))},At=function(e,t,n){var o=e.cx,r=e.getStyles,i=e.getClassNames,a=e.className;return{css:r(t,e),className:o(null!=n?n:{},i(t,e),a)}};function Mt(e){return[document.documentElement,document.body,window].indexOf(e)>-1}function Nt(e){return Mt(e)?window.pageYOffset:e.scrollTop}function Lt(e,t){Mt(e)?window.scrollTo(0,t):e.scrollTop=t}function Dt(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:kt,r=Nt(e),i=t-r,a=0;!function t(){var l,s=(l=a+=10,i*((l=l/n-1)*l*l+1)+r);Lt(e,s),a<n?window.requestAnimationFrame(t):o(e)}()}function zt(e,t){var n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=t.offsetHeight/3;o.bottom+r>n.bottom?Lt(e,Math.min(t.offsetTop+t.clientHeight-e.offsetHeight+r,e.scrollHeight)):o.top-r<n.top&&Lt(e,Math.max(t.offsetTop-r,0))}function Vt(){try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}}var Ft=!1,Bt={get passive(){return Ft=!0}},Ht="undefined"!=typeof window?window:{};Ht.addEventListener&&Ht.removeEventListener&&(Ht.addEventListener("p",kt,Bt),Ht.removeEventListener("p",kt,!1));var jt=Ft;function Ut(e){return null!=e}function $t(e,t,n){return e?t:n}var Wt=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var r=Object.entries(e).filter((function(e){var t=w(e,1)[0];return!n.includes(t)}));return r.reduce((function(e,t){var n=w(t,2),o=n[0],r=n[1];return e[o]=r,e}),{})};var Gt=function(e){return"auto"===e?"bottom":e},Yt=(0,d.createContext)(null),qt=function(e){var t=e.children,n=e.minMenuHeight,o=e.maxMenuHeight,r=e.menuPlacement,i=e.menuPosition,a=e.menuShouldScrollIntoView,l=e.theme,s=((0,d.useContext)(Yt)||{}).setPortalPlacement,c=(0,d.useRef)(null),u=w((0,d.useState)(o),2),p=u[0],f=u[1],m=w((0,d.useState)(null),2),g=m[0],h=m[1],v=l.spacing.controlHeight;return _t((function(){var e=c.current;if(e){var t="fixed"===i,l=function(e){var t=e.maxHeight,n=e.menuEl,o=e.minHeight,r=e.placement,i=e.shouldScroll,a=e.isFixedPosition,l=e.controlHeight,s=function(e){var t=getComputedStyle(e),n="absolute"===t.position,o=/(auto|scroll)/;if("fixed"===t.position)return document.documentElement;for(var r=e;r=r.parentElement;)if(t=getComputedStyle(r),(!n||"static"!==t.position)&&o.test(t.overflow+t.overflowY+t.overflowX))return r;return document.documentElement}(n),c={placement:"bottom",maxHeight:t};if(!n||!n.offsetParent)return c;var u,p=s.getBoundingClientRect().height,d=n.getBoundingClientRect(),f=d.bottom,m=d.height,g=d.top,h=n.offsetParent.getBoundingClientRect().top,v=a||Mt(u=s)?window.innerHeight:u.clientHeight,b=Nt(s),y=parseInt(getComputedStyle(n).marginBottom,10),E=parseInt(getComputedStyle(n).marginTop,10),C=h-E,w=v-g,S=C+b,x=p-b-g,_=f-v+b+y,O=b+g-E,k=160;switch(r){case"auto":case"bottom":if(w>=m)return{placement:"bottom",maxHeight:t};if(x>=m&&!a)return i&&Dt(s,_,k),{placement:"bottom",maxHeight:t};if(!a&&x>=o||a&&w>=o)return i&&Dt(s,_,k),{placement:"bottom",maxHeight:a?w-y:x-y};if("auto"===r||a){var T=t,R=a?C:S;return R>=o&&(T=Math.min(R-y-l,t)),{placement:"top",maxHeight:T}}if("bottom"===r)return i&&Lt(s,_),{placement:"bottom",maxHeight:t};break;case"top":if(C>=m)return{placement:"top",maxHeight:t};if(S>=m&&!a)return i&&Dt(s,O,k),{placement:"top",maxHeight:t};if(!a&&S>=o||a&&C>=o){var P=t;return(!a&&S>=o||a&&C>=o)&&(P=a?C-E:S-E),i&&Dt(s,O,k),{placement:"top",maxHeight:P}}return{placement:"bottom",maxHeight:t};default:throw new Error('Invalid placement provided "'.concat(r,'".'))}return c}({maxHeight:o,menuEl:e,minHeight:n,placement:r,shouldScroll:a&&!t,isFixedPosition:t,controlHeight:v});f(l.maxHeight),h(l.placement),null==s||s(l.placement)}}),[o,r,i,a,n,s,v]),t({ref:c,placerProps:y(y({},e),{},{placement:g||Gt(r),maxHeight:p})})},Xt=function(e,t){var n=e.theme,o=n.spacing.baseUnit,r=n.colors;return y({textAlign:"center"},t?{}:{color:r.neutral40,padding:"".concat(2*o,"px ").concat(3*o,"px")})},Jt=Xt,Kt=Xt,Zt=function(e){var t=e.children,n=e.innerProps;return ot("div",O({},At(e,"noOptionsMessage",{"menu-notice":!0,"menu-notice--no-options":!0}),n),t)};Zt.defaultProps={children:"No options"};var Qt=function(e){var t=e.children,n=e.innerProps;return ot("div",O({},At(e,"loadingMessage",{"menu-notice":!0,"menu-notice--loading":!0}),n),t)};Qt.defaultProps={children:"Loading..."};var en,tn,nn,on=["size"],rn={name:"8mmkcg",styles:"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"},an=function(e){var t=e.size,n=x(e,on);return ot("svg",O({height:t,width:t,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",css:rn},n))},ln=function(e){return ot(an,O({size:20},e),ot("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"}))},sn=function(e){return ot(an,O({size:20},e),ot("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},cn=function(e,t){var n=e.isFocused,o=e.theme,r=o.spacing.baseUnit,i=o.colors;return y({label:"indicatorContainer",display:"flex",transition:"color 150ms"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*r,":hover":{color:n?i.neutral80:i.neutral40}})},un=cn,pn=cn,dn=function(){var e=rt.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}(en||(tn=["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"],nn||(nn=tn.slice(0)),en=Object.freeze(Object.defineProperties(tn,{raw:{value:Object.freeze(nn)}})))),fn=function(e){var t=e.delay,n=e.offset;return ot("span",{css:rt({animation:"".concat(dn," 1s ease-in-out ").concat(t,"ms infinite;"),backgroundColor:"currentColor",borderRadius:"1em",display:"inline-block",marginLeft:n?"1em":void 0,height:"1em",verticalAlign:"top",width:"1em"},"","")})},mn=function(e){var t=e.innerProps,n=e.isRtl;return ot("div",O({},At(e,"loadingIndicator",{indicator:!0,"loading-indicator":!0}),t),ot(fn,{delay:0,offset:n}),ot(fn,{delay:160,offset:!0}),ot(fn,{delay:320,offset:!n}))};mn.defaultProps={size:4};var gn=["data"],hn=["innerRef","isDisabled","isHidden","inputClassName"],vn={gridArea:"1 / 2",font:"inherit",minWidth:"2px",border:0,margin:0,outline:0,padding:0},bn={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content","&:after":y({content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre"},vn)},yn=function(e){return y({label:"input",color:"inherit",background:0,opacity:e?0:1,width:"100%"},vn)},En=function(e){var t=e.children,n=e.innerProps;return ot("div",n,t)},Cn={ClearIndicator:function(e){var t=e.children,n=e.innerProps;return ot("div",O({},At(e,"clearIndicator",{indicator:!0,"clear-indicator":!0}),n),t||ot(ln,null))},Control:function(e){var t=e.children,n=e.isDisabled,o=e.isFocused,r=e.innerRef,i=e.innerProps,a=e.menuIsOpen;return ot("div",O({ref:r},At(e,"control",{control:!0,"control--is-disabled":n,"control--is-focused":o,"control--menu-is-open":a}),i),t)},DropdownIndicator:function(e){var t=e.children,n=e.innerProps;return ot("div",O({},At(e,"dropdownIndicator",{indicator:!0,"dropdown-indicator":!0}),n),t||ot(sn,null))},DownChevron:sn,CrossIcon:ln,Group:function(e){var t=e.children,n=e.cx,o=e.getStyles,r=e.getClassNames,i=e.Heading,a=e.headingProps,l=e.innerProps,s=e.label,c=e.theme,u=e.selectProps;return ot("div",O({},At(e,"group",{group:!0}),l),ot(i,O({},a,{selectProps:u,theme:c,getStyles:o,getClassNames:r,cx:n}),s),ot("div",null,t))},GroupHeading:function(e){var t=It(e);t.data;var n=x(t,gn);return ot("div",O({},At(e,"groupHeading",{"group-heading":!0}),n))},IndicatorsContainer:function(e){var t=e.children,n=e.innerProps;return ot("div",O({},At(e,"indicatorsContainer",{indicators:!0}),n),t)},IndicatorSeparator:function(e){var t=e.innerProps;return ot("span",O({},t,At(e,"indicatorSeparator",{"indicator-separator":!0})))},Input:function(e){var t=e.cx,n=e.value,o=It(e),r=o.innerRef,i=o.isDisabled,a=o.isHidden,l=o.inputClassName,s=x(o,hn);return ot("div",O({},At(e,"input",{"input-container":!0}),{"data-value":n||""}),ot("input",O({className:t({input:!0},l),ref:r,style:yn(a),disabled:i},s)))},LoadingIndicator:mn,Menu:function(e){var t=e.children,n=e.innerRef,o=e.innerProps;return ot("div",O({},At(e,"menu",{menu:!0}),{ref:n},o),t)},MenuList:function(e){var t=e.children,n=e.innerProps,o=e.innerRef,r=e.isMulti;return ot("div",O({},At(e,"menuList",{"menu-list":!0,"menu-list--is-multi":r}),{ref:o},n),t)},MenuPortal:function(e){var t=e.appendTo,n=e.children,o=e.controlElement,r=e.innerProps,i=e.menuPlacement,a=e.menuPosition,l=(0,d.useRef)(null),s=(0,d.useRef)(null),c=w((0,d.useState)(Gt(i)),2),u=c[0],p=c[1],f=(0,d.useMemo)((function(){return{setPortalPlacement:p}}),[]),m=w((0,d.useState)(null),2),g=m[0],h=m[1],v=(0,d.useCallback)((function(){if(o){var e=function(e){var t=e.getBoundingClientRect();return{bottom:t.bottom,height:t.height,left:t.left,right:t.right,top:t.top,width:t.width}}(o),t="fixed"===a?0:window.pageYOffset,n=e[u]+t;n===(null==g?void 0:g.offset)&&e.left===(null==g?void 0:g.rect.left)&&e.width===(null==g?void 0:g.rect.width)||h({offset:n,rect:e})}}),[o,a,u,null==g?void 0:g.offset,null==g?void 0:g.rect.left,null==g?void 0:g.rect.width]);_t((function(){v()}),[v]);var b=(0,d.useCallback)((function(){"function"==typeof s.current&&(s.current(),s.current=null),o&&l.current&&(s.current=function(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a=!0,animationFrame:l=!1}=o,s=r&&!l,c=s||i?[...ft(e)?xt(e):e.contextElement?xt(e.contextElement):[],...xt(t)]:[];c.forEach((e=>{s&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)}));let u,p=null;if(a){let o=!0;p=new ResizeObserver((()=>{o||n(),o=!1})),ft(e)&&!l&&p.observe(e),ft(e)||!e.contextElement||l||p.observe(e.contextElement),p.observe(t)}let d=l?Ct(e):null;return l&&function t(){const o=Ct(e);!d||o.x===d.x&&o.y===d.y&&o.width===d.width&&o.height===d.height||n(),d=o,u=requestAnimationFrame(t)}(),n(),()=>{var e;c.forEach((e=>{s&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)})),null==(e=p)||e.disconnect(),p=null,l&&cancelAnimationFrame(u)}}(o,l.current,v,{elementResize:"ResizeObserver"in window}))}),[o,v]);_t((function(){b()}),[b]);var E=(0,d.useCallback)((function(e){l.current=e,b()}),[b]);if(!t&&"fixed"!==a||!g)return null;var C=ot("div",O({ref:E},At(y(y({},e),{},{offset:g.offset,position:a,rect:g.rect}),"menuPortal",{"menu-portal":!0}),r),n);return ot(Yt.Provider,{value:f},t?(0,it.createPortal)(C,t):C)},LoadingMessage:Qt,NoOptionsMessage:Zt,MultiValue:function(e){var t=e.children,n=e.components,o=e.data,r=e.innerProps,i=e.isDisabled,a=e.removeProps,l=e.selectProps,s=n.Container,c=n.Label,u=n.Remove;return ot(s,{data:o,innerProps:y(y({},At(e,"multiValue",{"multi-value":!0,"multi-value--is-disabled":i})),r),selectProps:l},ot(c,{data:o,innerProps:y({},At(e,"multiValueLabel",{"multi-value__label":!0})),selectProps:l},t),ot(u,{data:o,innerProps:y(y({},At(e,"multiValueRemove",{"multi-value__remove":!0})),{},{"aria-label":"Remove ".concat(t||"option")},a),selectProps:l}))},MultiValueContainer:En,MultiValueLabel:En,MultiValueRemove:function(e){var t=e.children,n=e.innerProps;return ot("div",O({role:"button"},n),t||ot(ln,{size:14}))},Option:function(e){var t=e.children,n=e.isDisabled,o=e.isFocused,r=e.isSelected,i=e.innerRef,a=e.innerProps;return ot("div",O({},At(e,"option",{option:!0,"option--is-disabled":n,"option--is-focused":o,"option--is-selected":r}),{ref:i,"aria-disabled":n},a),t)},Placeholder:function(e){var t=e.children,n=e.innerProps;return ot("div",O({},At(e,"placeholder",{placeholder:!0}),n),t)},SelectContainer:function(e){var t=e.children,n=e.innerProps,o=e.isDisabled,r=e.isRtl;return ot("div",O({},At(e,"container",{"--is-disabled":o,"--is-rtl":r}),n),t)},SingleValue:function(e){var t=e.children,n=e.isDisabled,o=e.innerProps;return ot("div",O({},At(e,"singleValue",{"single-value":!0,"single-value--is-disabled":n}),o),t)},ValueContainer:function(e){var t=e.children,n=e.innerProps,o=e.isMulti,r=e.hasValue;return ot("div",O({},At(e,"valueContainer",{"value-container":!0,"value-container--is-multi":o,"value-container--has-value":r}),n),t)}},wn=function(e){return y(y({},Cn),e.components)},Sn=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function xn(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!((o=e[n])===(r=t[n])||Sn(o)&&Sn(r)))return!1;var o,r;return!0}function On(e,t){void 0===t&&(t=xn);var n=null;function o(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];if(n&&n.lastThis===this&&t(o,n.lastArgs))return n.lastResult;var i=e.apply(this,o);return n={lastResult:i,lastArgs:o,lastThis:this},i}return o.clear=function(){n=null},o}for(var kn={name:"7pg0cj-a11yText",styles:"label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"},Tn=function(e){return ot("span",O({css:kn},e))},Rn={guidance:function(e){var t=e.isSearchable,n=e.isMulti,o=e.isDisabled,r=e.tabSelectsValue;switch(e.context){case"menu":return"Use Up and Down to choose options".concat(o?"":", press Enter to select the currently focused option",", press Escape to exit the menu").concat(r?", press Tab to select the option and exit the menu":"",".");case"input":return"".concat(e["aria-label"]||"Select"," is focused ").concat(t?",type to refine list":"",", press Down to open the menu, ").concat(n?" press left to focus selected values":"");case"value":return"Use left and right to toggle between focused values, press Backspace to remove the currently focused value";default:return""}},onChange:function(e){var t=e.action,n=e.label,o=void 0===n?"":n,r=e.labels,i=e.isDisabled;switch(t){case"deselect-option":case"pop-value":case"remove-value":return"option ".concat(o,", deselected.");case"clear":return"All selected options have been cleared.";case"initial-input-focus":return"option".concat(r.length>1?"s":""," ").concat(r.join(","),", selected.");case"select-option":return"option ".concat(o,i?" is disabled. Select another option.":", selected.");default:return""}},onFocus:function(e){var t=e.context,n=e.focused,o=e.options,r=e.label,i=void 0===r?"":r,a=e.selectValue,l=e.isDisabled,s=e.isSelected,c=function(e,t){return e&&e.length?"".concat(e.indexOf(t)+1," of ").concat(e.length):""};if("value"===t&&a)return"value ".concat(i," focused, ").concat(c(a,n),".");if("menu"===t){var u=l?" disabled":"",p="".concat(s?"selected":"focused").concat(u);return"option ".concat(i," ").concat(p,", ").concat(c(o,n),".")}return""},onFilter:function(e){var t=e.inputValue,n=e.resultsMessage;return"".concat(n).concat(t?" for search term "+t:"",".")}},Pn=function(e){var t=e.ariaSelection,n=e.focusedOption,o=e.focusedValue,r=e.focusableOptions,i=e.isFocused,a=e.selectValue,l=e.selectProps,s=e.id,c=l.ariaLiveMessages,u=l.getOptionLabel,p=l.inputValue,f=l.isMulti,m=l.isOptionDisabled,g=l.isSearchable,h=l.menuIsOpen,v=l.options,b=l.screenReaderStatus,E=l.tabSelectsValue,C=l["aria-label"],w=l["aria-live"],S=(0,d.useMemo)((function(){return y(y({},Rn),c||{})}),[c]),x=(0,d.useMemo)((function(){var e,n="";if(t&&S.onChange){var o=t.option,r=t.options,i=t.removedValue,l=t.removedValues,s=t.value,c=i||o||(e=s,Array.isArray(e)?null:e),p=c?u(c):"",d=r||l||void 0,f=d?d.map(u):[],g=y({isDisabled:c&&m(c,a),label:p,labels:f},t);n=S.onChange(g)}return n}),[t,S,m,a,u]),_=(0,d.useMemo)((function(){var e="",t=n||o,i=!!(n&&a&&a.includes(n));if(t&&S.onFocus){var l={focused:t,label:u(t),isDisabled:m(t,a),isSelected:i,options:r,context:t===n?"menu":"value",selectValue:a};e=S.onFocus(l)}return e}),[n,o,u,m,S,r,a]),O=(0,d.useMemo)((function(){var e="";if(h&&v.length&&S.onFilter){var t=b({count:r.length});e=S.onFilter({inputValue:p,resultsMessage:t})}return e}),[r,p,h,S,v,b]),k=(0,d.useMemo)((function(){var e="";if(S.guidance){var t=o?"value":h?"menu":"input";e=S.guidance({"aria-label":C,context:t,isDisabled:n&&m(n,a),isMulti:f,isSearchable:g,tabSelectsValue:E})}return e}),[C,n,o,f,m,g,h,S,a,E]),T="".concat(_," ").concat(O," ").concat(k),R=ot(d.Fragment,null,ot("span",{id:"aria-selection"},x),ot("span",{id:"aria-context"},T)),P="initial-input-focus"===(null==t?void 0:t.action);return ot(d.Fragment,null,ot(Tn,{id:s},P&&R),ot(Tn,{"aria-live":w,"aria-atomic":"false","aria-relevant":"additions text"},i&&!P&&R))},In=[{base:"A",letters:"AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"},{base:"AA",letters:"Ꜳ"},{base:"AE",letters:"ÆǼǢ"},{base:"AO",letters:"Ꜵ"},{base:"AU",letters:"Ꜷ"},{base:"AV",letters:"ꜸꜺ"},{base:"AY",letters:"Ꜽ"},{base:"B",letters:"BⒷＢḂḄḆɃƂƁ"},{base:"C",letters:"CⒸＣĆĈĊČÇḈƇȻꜾ"},{base:"D",letters:"DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"},{base:"DZ",letters:"DZDŽ"},{base:"Dz",letters:"DzDž"},{base:"E",letters:"EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"},{base:"F",letters:"FⒻＦḞƑꝻ"},{base:"G",letters:"GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"},{base:"H",letters:"HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"},{base:"I",letters:"IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"},{base:"J",letters:"JⒿＪĴɈ"},{base:"K",letters:"KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"},{base:"L",letters:"LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"},{base:"LJ",letters:"LJ"},{base:"Lj",letters:"Lj"},{base:"M",letters:"MⓂＭḾṀṂⱮƜ"},{base:"N",letters:"NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"},{base:"NJ",letters:"NJ"},{base:"Nj",letters:"Nj"},{base:"O",letters:"OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"},{base:"OI",letters:"Ƣ"},{base:"OO",letters:"Ꝏ"},{base:"OU",letters:"Ȣ"},{base:"P",letters:"PⓅＰṔṖƤⱣꝐꝒꝔ"},{base:"Q",letters:"QⓆＱꝖꝘɊ"},{base:"R",letters:"RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"},{base:"S",letters:"SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"},{base:"T",letters:"TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"},{base:"TZ",letters:"Ꜩ"},{base:"U",letters:"UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"},{base:"V",letters:"VⓋＶṼṾƲꝞɅ"},{base:"VY",letters:"Ꝡ"},{base:"W",letters:"WⓌＷẀẂŴẆẄẈⱲ"},{base:"X",letters:"XⓍＸẊẌ"},{base:"Y",letters:"YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"},{base:"Z",letters:"ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"},{base:"a",letters:"aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"},{base:"aa",letters:"ꜳ"},{base:"ae",letters:"æǽǣ"},{base:"ao",letters:"ꜵ"},{base:"au",letters:"ꜷ"},{base:"av",letters:"ꜹꜻ"},{base:"ay",letters:"ꜽ"},{base:"b",letters:"bⓑｂḃḅḇƀƃɓ"},{base:"c",letters:"cⓒｃćĉċčçḉƈȼꜿↄ"},{base:"d",letters:"dⓓｄḋďḍḑḓḏđƌɖɗꝺ"},{base:"dz",letters:"dzdž"},{base:"e",letters:"eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"},{base:"f",letters:"fⓕｆḟƒꝼ"},{base:"g",letters:"gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"},{base:"h",letters:"hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"},{base:"hv",letters:"ƕ"},{base:"i",letters:"iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"},{base:"j",letters:"jⓙｊĵǰɉ"},{base:"k",letters:"kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"},{base:"l",letters:"lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"},{base:"lj",letters:"lj"},{base:"m",letters:"mⓜｍḿṁṃɱɯ"},{base:"n",letters:"nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"},{base:"nj",letters:"nj"},{base:"o",letters:"oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"},{base:"oi",letters:"ƣ"},{base:"ou",letters:"ȣ"},{base:"oo",letters:"ꝏ"},{base:"p",letters:"pⓟｐṕṗƥᵽꝑꝓꝕ"},{base:"q",letters:"qⓠｑɋꝗꝙ"},{base:"r",letters:"rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"},{base:"s",letters:"sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"},{base:"t",letters:"tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"},{base:"tz",letters:"ꜩ"},{base:"u",letters:"uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"},{base:"v",letters:"vⓥｖṽṿʋꝟʌ"},{base:"vy",letters:"ꝡ"},{base:"w",letters:"wⓦｗẁẃŵẇẅẘẉⱳ"},{base:"x",letters:"xⓧｘẋẍ"},{base:"y",letters:"yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"},{base:"z",letters:"zⓩｚźẑżžẓẕƶȥɀⱬꝣ"}],An=new RegExp("["+In.map((function(e){return e.letters})).join("")+"]","g"),Mn={},Nn=0;Nn<In.length;Nn++)for(var Ln=In[Nn],Dn=0;Dn<Ln.letters.length;Dn++)Mn[Ln.letters[Dn]]=Ln.base;var zn=function(e){return e.replace(An,(function(e){return Mn[e]}))},Vn=On(zn),Fn=function(e){return e.replace(/^\s+|\s+$/g,"")},Bn=function(e){return"".concat(e.label," ").concat(e.value)},Hn=["innerRef"];function jn(e){var t=e.innerRef,n=x(e,Hn),o=Wt(n,"onExited","in","enter","exit","appear");return ot("input",O({ref:t},o,{css:rt({label:"dummyInput",background:0,border:0,caretColor:"transparent",fontSize:"inherit",gridArea:"1 / 1 / 2 / 3",outline:0,padding:0,width:1,color:"transparent",left:-100,opacity:0,position:"relative",transform:"scale(.01)"},"","")}))}var Un=function(e){e.preventDefault(),e.stopPropagation()},$n=["boxSizing","height","overflow","paddingRight","position"],Wn={boxSizing:"border-box",overflow:"hidden",position:"relative",height:"100%"};function Gn(e){e.preventDefault()}function Yn(e){e.stopPropagation()}function qn(){var e=this.scrollTop,t=this.scrollHeight,n=e+this.offsetHeight;0===e?this.scrollTop=1:n===t&&(this.scrollTop=e-1)}function Xn(){return"ontouchstart"in window||navigator.maxTouchPoints}var Jn=!("undefined"==typeof window||!window.document||!window.document.createElement),Kn=0,Zn={capture:!1,passive:!1},Qn=function(){return document.activeElement&&document.activeElement.blur()},eo={name:"1kfdb0e",styles:"position:fixed;left:0;bottom:0;right:0;top:0"};function to(e){var t=e.children,n=e.lockEnabled,o=e.captureEnabled,r=function(e){var t=e.isEnabled,n=e.onBottomArrive,o=e.onBottomLeave,r=e.onTopArrive,i=e.onTopLeave,a=(0,d.useRef)(!1),l=(0,d.useRef)(!1),s=(0,d.useRef)(0),c=(0,d.useRef)(null),u=(0,d.useCallback)((function(e,t){if(null!==c.current){var s=c.current,u=s.scrollTop,p=s.scrollHeight,d=s.clientHeight,f=c.current,m=t>0,g=p-d-u,h=!1;g>t&&a.current&&(o&&o(e),a.current=!1),m&&l.current&&(i&&i(e),l.current=!1),m&&t>g?(n&&!a.current&&n(e),f.scrollTop=p,h=!0,a.current=!0):!m&&-t>u&&(r&&!l.current&&r(e),f.scrollTop=0,h=!0,l.current=!0),h&&Un(e)}}),[n,o,r,i]),p=(0,d.useCallback)((function(e){u(e,e.deltaY)}),[u]),f=(0,d.useCallback)((function(e){s.current=e.changedTouches[0].clientY}),[]),m=(0,d.useCallback)((function(e){var t=s.current-e.changedTouches[0].clientY;u(e,t)}),[u]),g=(0,d.useCallback)((function(e){if(e){var t=!!jt&&{passive:!1};e.addEventListener("wheel",p,t),e.addEventListener("touchstart",f,t),e.addEventListener("touchmove",m,t)}}),[m,f,p]),h=(0,d.useCallback)((function(e){e&&(e.removeEventListener("wheel",p,!1),e.removeEventListener("touchstart",f,!1),e.removeEventListener("touchmove",m,!1))}),[m,f,p]);return(0,d.useEffect)((function(){if(t){var e=c.current;return g(e),function(){h(e)}}}),[t,g,h]),function(e){c.current=e}}({isEnabled:void 0===o||o,onBottomArrive:e.onBottomArrive,onBottomLeave:e.onBottomLeave,onTopArrive:e.onTopArrive,onTopLeave:e.onTopLeave}),i=function(e){var t=e.isEnabled,n=e.accountForScrollbars,o=void 0===n||n,r=(0,d.useRef)({}),i=(0,d.useRef)(null),a=(0,d.useCallback)((function(e){if(Jn){var t=document.body,n=t&&t.style;if(o&&$n.forEach((function(e){var t=n&&n[e];r.current[e]=t})),o&&Kn<1){var i=parseInt(r.current.paddingRight,10)||0,a=document.body?document.body.clientWidth:0,l=window.innerWidth-a+i||0;Object.keys(Wn).forEach((function(e){var t=Wn[e];n&&(n[e]=t)})),n&&(n.paddingRight="".concat(l,"px"))}t&&Xn()&&(t.addEventListener("touchmove",Gn,Zn),e&&(e.addEventListener("touchstart",qn,Zn),e.addEventListener("touchmove",Yn,Zn))),Kn+=1}}),[o]),l=(0,d.useCallback)((function(e){if(Jn){var t=document.body,n=t&&t.style;Kn=Math.max(Kn-1,0),o&&Kn<1&&$n.forEach((function(e){var t=r.current[e];n&&(n[e]=t)})),t&&Xn()&&(t.removeEventListener("touchmove",Gn,Zn),e&&(e.removeEventListener("touchstart",qn,Zn),e.removeEventListener("touchmove",Yn,Zn)))}}),[o]);return(0,d.useEffect)((function(){if(t){var e=i.current;return a(e),function(){l(e)}}}),[t,a,l]),function(e){i.current=e}}({isEnabled:n});return ot(d.Fragment,null,n&&ot("div",{onClick:Qn,css:eo}),t((function(e){r(e),i(e)})))}var no={name:"1a0ro4n-requiredInput",styles:"label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"},oo=function(e){var t=e.name,n=e.onFocus;return ot("input",{required:!0,name:t,tabIndex:-1,"aria-hidden":"true",onFocus:n,css:no,value:"",onChange:function(){}})},ro={clearIndicator:pn,container:function(e){var t=e.isDisabled;return{label:"container",direction:e.isRtl?"rtl":void 0,pointerEvents:t?"none":void 0,position:"relative"}},control:function(e,t){var n=e.isDisabled,o=e.isFocused,r=e.theme,i=r.colors,a=r.borderRadius;return y({label:"control",alignItems:"center",cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:r.spacing.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms"},t?{}:{backgroundColor:n?i.neutral5:i.neutral0,borderColor:n?i.neutral10:o?i.primary:i.neutral20,borderRadius:a,borderStyle:"solid",borderWidth:1,boxShadow:o?"0 0 0 1px ".concat(i.primary):void 0,"&:hover":{borderColor:o?i.primary:i.neutral30}})},dropdownIndicator:un,group:function(e,t){var n=e.theme.spacing;return t?{}:{paddingBottom:2*n.baseUnit,paddingTop:2*n.baseUnit}},groupHeading:function(e,t){var n=e.theme,o=n.colors,r=n.spacing;return y({label:"group",cursor:"default",display:"block"},t?{}:{color:o.neutral40,fontSize:"75%",fontWeight:500,marginBottom:"0.25em",paddingLeft:3*r.baseUnit,paddingRight:3*r.baseUnit,textTransform:"uppercase"})},indicatorsContainer:function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},indicatorSeparator:function(e,t){var n=e.isDisabled,o=e.theme,r=o.spacing.baseUnit,i=o.colors;return y({label:"indicatorSeparator",alignSelf:"stretch",width:1},t?{}:{backgroundColor:n?i.neutral10:i.neutral20,marginBottom:2*r,marginTop:2*r})},input:function(e,t){var n=e.isDisabled,o=e.value,r=e.theme,i=r.spacing,a=r.colors;return y(y({visibility:n?"hidden":"visible",transform:o?"translateZ(0)":""},bn),t?{}:{margin:i.baseUnit/2,paddingBottom:i.baseUnit/2,paddingTop:i.baseUnit/2,color:a.neutral80})},loadingIndicator:function(e,t){var n=e.isFocused,o=e.size,r=e.theme,i=r.colors,a=r.spacing.baseUnit;return y({label:"loadingIndicator",display:"flex",transition:"color 150ms",alignSelf:"center",fontSize:o,lineHeight:1,marginRight:o,textAlign:"center",verticalAlign:"middle"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*a})},loadingMessage:Kt,menu:function(e,t){var n,o=e.placement,r=e.theme,i=r.borderRadius,a=r.spacing,l=r.colors;return y((v(n={label:"menu"},function(e){return e?{bottom:"top",top:"bottom"}[e]:"bottom"}(o),"100%"),v(n,"position","absolute"),v(n,"width","100%"),v(n,"zIndex",1),n),t?{}:{backgroundColor:l.neutral0,borderRadius:i,boxShadow:"0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",marginBottom:a.menuGutter,marginTop:a.menuGutter})},menuList:function(e,t){var n=e.maxHeight,o=e.theme.spacing.baseUnit;return y({maxHeight:n,overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},t?{}:{paddingBottom:o,paddingTop:o})},menuPortal:function(e){var t=e.rect,n=e.offset,o=e.position;return{left:t.left,position:o,top:n,width:t.width,zIndex:1}},multiValue:function(e,t){var n=e.theme,o=n.spacing,r=n.borderRadius,i=n.colors;return y({label:"multiValue",display:"flex",minWidth:0},t?{}:{backgroundColor:i.neutral10,borderRadius:r/2,margin:o.baseUnit/2})},multiValueLabel:function(e,t){var n=e.theme,o=n.borderRadius,r=n.colors,i=e.cropWithEllipsis;return y({overflow:"hidden",textOverflow:i||void 0===i?"ellipsis":void 0,whiteSpace:"nowrap"},t?{}:{borderRadius:o/2,color:r.neutral80,fontSize:"85%",padding:3,paddingLeft:6})},multiValueRemove:function(e,t){var n=e.theme,o=n.spacing,r=n.borderRadius,i=n.colors,a=e.isFocused;return y({alignItems:"center",display:"flex"},t?{}:{borderRadius:r/2,backgroundColor:a?i.dangerLight:void 0,paddingLeft:o.baseUnit,paddingRight:o.baseUnit,":hover":{backgroundColor:i.dangerLight,color:i.danger}})},noOptionsMessage:Jt,option:function(e,t){var n=e.isDisabled,o=e.isFocused,r=e.isSelected,i=e.theme,a=i.spacing,l=i.colors;return y({label:"option",cursor:"default",display:"block",fontSize:"inherit",width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)"},t?{}:{backgroundColor:r?l.primary:o?l.primary25:"transparent",color:n?l.neutral20:r?l.neutral0:"inherit",padding:"".concat(2*a.baseUnit,"px ").concat(3*a.baseUnit,"px"),":active":{backgroundColor:n?void 0:r?l.primary:l.primary50}})},placeholder:function(e,t){var n=e.theme,o=n.spacing,r=n.colors;return y({label:"placeholder",gridArea:"1 / 1 / 2 / 3"},t?{}:{color:r.neutral50,marginLeft:o.baseUnit/2,marginRight:o.baseUnit/2})},singleValue:function(e,t){var n=e.isDisabled,o=e.theme,r=o.spacing,i=o.colors;return y({label:"singleValue",gridArea:"1 / 1 / 2 / 3",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},t?{}:{color:n?i.neutral40:i.neutral80,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2})},valueContainer:function(e,t){var n=e.theme.spacing,o=e.isMulti,r=e.hasValue,i=e.selectProps.controlShouldRenderValue;return y({alignItems:"center",display:o&&r&&i?"flex":"grid",flex:1,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},t?{}:{padding:"".concat(n.baseUnit/2,"px ").concat(2*n.baseUnit,"px")})}},io={borderRadius:4,colors:{primary:"#2684FF",primary75:"#4C9AFF",primary50:"#B2D4FF",primary25:"#DEEBFF",danger:"#DE350B",dangerLight:"#FFBDAD",neutral0:"hsl(0, 0%, 100%)",neutral5:"hsl(0, 0%, 95%)",neutral10:"hsl(0, 0%, 90%)",neutral20:"hsl(0, 0%, 80%)",neutral30:"hsl(0, 0%, 70%)",neutral40:"hsl(0, 0%, 60%)",neutral50:"hsl(0, 0%, 50%)",neutral60:"hsl(0, 0%, 40%)",neutral70:"hsl(0, 0%, 30%)",neutral80:"hsl(0, 0%, 20%)",neutral90:"hsl(0, 0%, 10%)"},spacing:{baseUnit:4,controlHeight:38,menuGutter:8}},ao={"aria-live":"polite",backspaceRemovesValue:!0,blurInputOnSelect:Vt(),captureMenuScroll:!Vt(),classNames:{},closeMenuOnSelect:!0,closeMenuOnScroll:!1,components:{},controlShouldRenderValue:!0,escapeClearsValue:!1,filterOption:function(e,t){if(e.data.__isNew__)return!0;var n=y({ignoreCase:!0,ignoreAccents:!0,stringify:Bn,trim:!0,matchFrom:"any"},void 0),o=n.ignoreCase,r=n.ignoreAccents,i=n.stringify,a=n.trim,l=n.matchFrom,s=a?Fn(t):t,c=a?Fn(i(e)):i(e);return o&&(s=s.toLowerCase(),c=c.toLowerCase()),r&&(s=Vn(s),c=zn(c)),"start"===l?c.substr(0,s.length)===s:c.indexOf(s)>-1},formatGroupLabel:function(e){return e.label},getOptionLabel:function(e){return e.label},getOptionValue:function(e){return e.value},isDisabled:!1,isLoading:!1,isMulti:!1,isRtl:!1,isSearchable:!0,isOptionDisabled:function(e){return!!e.isDisabled},loadingMessage:function(){return"Loading..."},maxMenuHeight:300,minMenuHeight:140,menuIsOpen:!1,menuPlacement:"bottom",menuPosition:"absolute",menuShouldBlockScroll:!1,menuShouldScrollIntoView:!function(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(e){return!1}}(),noOptionsMessage:function(){return"No options"},openMenuOnFocus:!1,openMenuOnClick:!0,options:[],pageSize:5,placeholder:"Select...",screenReaderStatus:function(e){var t=e.count;return"".concat(t," result").concat(1!==t?"s":""," available")},styles:{},tabIndex:0,tabSelectsValue:!0,unstyled:!1};function lo(e,t,n,o){return{type:"option",data:t,isDisabled:mo(e,t,n),isSelected:go(e,t,n),label:po(e,t),value:fo(e,t),index:o}}function so(e,t){return e.options.map((function(n,o){if("options"in n){var r=n.options.map((function(n,o){return lo(e,n,t,o)})).filter((function(t){return uo(e,t)}));return r.length>0?{type:"group",data:n,options:r,index:o}:void 0}var i=lo(e,n,t,o);return uo(e,i)?i:void 0})).filter(Ut)}function co(e){return e.reduce((function(e,t){return"group"===t.type?e.push.apply(e,I(t.options.map((function(e){return e.data})))):e.push(t.data),e}),[])}function uo(e,t){var n=e.inputValue,o=void 0===n?"":n,r=t.data,i=t.isSelected,a=t.label,l=t.value;return(!vo(e)||!i)&&ho(e,{label:a,value:l,data:r},o)}var po=function(e,t){return e.getOptionLabel(t)},fo=function(e,t){return e.getOptionValue(t)};function mo(e,t,n){return"function"==typeof e.isOptionDisabled&&e.isOptionDisabled(t,n)}function go(e,t,n){if(n.indexOf(t)>-1)return!0;if("function"==typeof e.isOptionSelected)return e.isOptionSelected(t,n);var o=fo(e,t);return n.some((function(t){return fo(e,t)===o}))}function ho(e,t,n){return!e.filterOption||e.filterOption(t,n)}var vo=function(e){var t=e.hideSelectedOptions,n=e.isMulti;return void 0===t?n:t},bo=1,yo=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&T(e,t)}(l,e);var t,n,o,r,i,a=(r=l,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=R(r);if(i){var n=R(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return P(e)}(this,e)});function l(e){var t;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(t=a.call(this,e)).state={ariaSelection:null,focusedOption:null,focusedValue:null,inputIsHidden:!1,isFocused:!1,selectValue:[],clearFocusValueOnUpdate:!1,prevWasFocused:!1,inputIsHiddenAfterUpdate:void 0,prevProps:void 0},t.blockOptionHover=!1,t.isComposing=!1,t.commonProps=void 0,t.initialTouchX=0,t.initialTouchY=0,t.instancePrefix="",t.openAfterFocus=!1,t.scrollToFocusedOptionOnUpdate=!1,t.userIsDragging=void 0,t.controlRef=null,t.getControlRef=function(e){t.controlRef=e},t.focusedOptionRef=null,t.getFocusedOptionRef=function(e){t.focusedOptionRef=e},t.menuListRef=null,t.getMenuListRef=function(e){t.menuListRef=e},t.inputRef=null,t.getInputRef=function(e){t.inputRef=e},t.focus=t.focusInput,t.blur=t.blurInput,t.onChange=function(e,n){var o=t.props,r=o.onChange,i=o.name;n.name=i,t.ariaOnChange(e,n),r(e,n)},t.setValue=function(e,n,o){var r=t.props,i=r.closeMenuOnSelect,a=r.isMulti,l=r.inputValue;t.onInputChange("",{action:"set-value",prevInputValue:l}),i&&(t.setState({inputIsHiddenAfterUpdate:!a}),t.onMenuClose()),t.setState({clearFocusValueOnUpdate:!0}),t.onChange(e,{action:n,option:o})},t.selectOption=function(e){var n=t.props,o=n.blurInputOnSelect,r=n.isMulti,i=n.name,a=t.state.selectValue,l=r&&t.isOptionSelected(e,a),s=t.isOptionDisabled(e,a);if(l){var c=t.getOptionValue(e);t.setValue(a.filter((function(e){return t.getOptionValue(e)!==c})),"deselect-option",e)}else{if(s)return void t.ariaOnChange(e,{action:"select-option",option:e,name:i});r?t.setValue([].concat(I(a),[e]),"select-option",e):t.setValue(e,"select-option")}o&&t.blurInput()},t.removeValue=function(e){var n=t.props.isMulti,o=t.state.selectValue,r=t.getOptionValue(e),i=o.filter((function(e){return t.getOptionValue(e)!==r})),a=$t(n,i,i[0]||null);t.onChange(a,{action:"remove-value",removedValue:e}),t.focusInput()},t.clearValue=function(){var e=t.state.selectValue;t.onChange($t(t.props.isMulti,[],null),{action:"clear",removedValues:e})},t.popValue=function(){var e=t.props.isMulti,n=t.state.selectValue,o=n[n.length-1],r=n.slice(0,n.length-1),i=$t(e,r,r[0]||null);t.onChange(i,{action:"pop-value",removedValue:o})},t.getValue=function(){return t.state.selectValue},t.cx=function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return Rt.apply(void 0,[t.props.classNamePrefix].concat(n))},t.getOptionLabel=function(e){return po(t.props,e)},t.getOptionValue=function(e){return fo(t.props,e)},t.getStyles=function(e,n){var o=t.props.unstyled,r=ro[e](n,o);r.boxSizing="border-box";var i=t.props.styles[e];return i?i(r,n):r},t.getClassNames=function(e,n){var o,r;return null===(o=(r=t.props.classNames)[e])||void 0===o?void 0:o.call(r,n)},t.getElementId=function(e){return"".concat(t.instancePrefix,"-").concat(e)},t.getComponents=function(){return wn(t.props)},t.buildCategorizedOptions=function(){return so(t.props,t.state.selectValue)},t.getCategorizedOptions=function(){return t.props.menuIsOpen?t.buildCategorizedOptions():[]},t.buildFocusableOptions=function(){return co(t.buildCategorizedOptions())},t.getFocusableOptions=function(){return t.props.menuIsOpen?t.buildFocusableOptions():[]},t.ariaOnChange=function(e,n){t.setState({ariaSelection:y({value:e},n)})},t.onMenuMouseDown=function(e){0===e.button&&(e.stopPropagation(),e.preventDefault(),t.focusInput())},t.onMenuMouseMove=function(e){t.blockOptionHover=!1},t.onControlMouseDown=function(e){if(!e.defaultPrevented){var n=t.props.openMenuOnClick;t.state.isFocused?t.props.menuIsOpen?"INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName&&t.onMenuClose():n&&t.openMenu("first"):(n&&(t.openAfterFocus=!0),t.focusInput()),"INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName&&e.preventDefault()}},t.onDropdownIndicatorMouseDown=function(e){if(!(e&&"mousedown"===e.type&&0!==e.button||t.props.isDisabled)){var n=t.props,o=n.isMulti,r=n.menuIsOpen;t.focusInput(),r?(t.setState({inputIsHiddenAfterUpdate:!o}),t.onMenuClose()):t.openMenu("first"),e.preventDefault()}},t.onClearIndicatorMouseDown=function(e){e&&"mousedown"===e.type&&0!==e.button||(t.clearValue(),e.preventDefault(),t.openAfterFocus=!1,"touchend"===e.type?t.focusInput():setTimeout((function(){return t.focusInput()})))},t.onScroll=function(e){"boolean"==typeof t.props.closeMenuOnScroll?e.target instanceof HTMLElement&&Mt(e.target)&&t.props.onMenuClose():"function"==typeof t.props.closeMenuOnScroll&&t.props.closeMenuOnScroll(e)&&t.props.onMenuClose()},t.onCompositionStart=function(){t.isComposing=!0},t.onCompositionEnd=function(){t.isComposing=!1},t.onTouchStart=function(e){var n=e.touches,o=n&&n.item(0);o&&(t.initialTouchX=o.clientX,t.initialTouchY=o.clientY,t.userIsDragging=!1)},t.onTouchMove=function(e){var n=e.touches,o=n&&n.item(0);if(o){var r=Math.abs(o.clientX-t.initialTouchX),i=Math.abs(o.clientY-t.initialTouchY);t.userIsDragging=r>5||i>5}},t.onTouchEnd=function(e){t.userIsDragging||(t.controlRef&&!t.controlRef.contains(e.target)&&t.menuListRef&&!t.menuListRef.contains(e.target)&&t.blurInput(),t.initialTouchX=0,t.initialTouchY=0)},t.onControlTouchEnd=function(e){t.userIsDragging||t.onControlMouseDown(e)},t.onClearIndicatorTouchEnd=function(e){t.userIsDragging||t.onClearIndicatorMouseDown(e)},t.onDropdownIndicatorTouchEnd=function(e){t.userIsDragging||t.onDropdownIndicatorMouseDown(e)},t.handleInputChange=function(e){var n=t.props.inputValue,o=e.currentTarget.value;t.setState({inputIsHiddenAfterUpdate:!1}),t.onInputChange(o,{action:"input-change",prevInputValue:n}),t.props.menuIsOpen||t.onMenuOpen()},t.onInputFocus=function(e){t.props.onFocus&&t.props.onFocus(e),t.setState({inputIsHiddenAfterUpdate:!1,isFocused:!0}),(t.openAfterFocus||t.props.openMenuOnFocus)&&t.openMenu("first"),t.openAfterFocus=!1},t.onInputBlur=function(e){var n=t.props.inputValue;t.menuListRef&&t.menuListRef.contains(document.activeElement)?t.inputRef.focus():(t.props.onBlur&&t.props.onBlur(e),t.onInputChange("",{action:"input-blur",prevInputValue:n}),t.onMenuClose(),t.setState({focusedValue:null,isFocused:!1}))},t.onOptionHover=function(e){t.blockOptionHover||t.state.focusedOption===e||t.setState({focusedOption:e})},t.shouldHideSelectedOptions=function(){return vo(t.props)},t.onValueInputFocus=function(e){e.preventDefault(),e.stopPropagation(),t.focus()},t.onKeyDown=function(e){var n=t.props,o=n.isMulti,r=n.backspaceRemovesValue,i=n.escapeClearsValue,a=n.inputValue,l=n.isClearable,s=n.isDisabled,c=n.menuIsOpen,u=n.onKeyDown,p=n.tabSelectsValue,d=n.openMenuOnFocus,f=t.state,m=f.focusedOption,g=f.focusedValue,h=f.selectValue;if(!(s||"function"==typeof u&&(u(e),e.defaultPrevented))){switch(t.blockOptionHover=!0,e.key){case"ArrowLeft":if(!o||a)return;t.focusValue("previous");break;case"ArrowRight":if(!o||a)return;t.focusValue("next");break;case"Delete":case"Backspace":if(a)return;if(g)t.removeValue(g);else{if(!r)return;o?t.popValue():l&&t.clearValue()}break;case"Tab":if(t.isComposing)return;if(e.shiftKey||!c||!p||!m||d&&t.isOptionSelected(m,h))return;t.selectOption(m);break;case"Enter":if(229===e.keyCode)break;if(c){if(!m)return;if(t.isComposing)return;t.selectOption(m);break}return;case"Escape":c?(t.setState({inputIsHiddenAfterUpdate:!1}),t.onInputChange("",{action:"menu-close",prevInputValue:a}),t.onMenuClose()):l&&i&&t.clearValue();break;case" ":if(a)return;if(!c){t.openMenu("first");break}if(!m)return;t.selectOption(m);break;case"ArrowUp":c?t.focusOption("up"):t.openMenu("last");break;case"ArrowDown":c?t.focusOption("down"):t.openMenu("first");break;case"PageUp":if(!c)return;t.focusOption("pageup");break;case"PageDown":if(!c)return;t.focusOption("pagedown");break;case"Home":if(!c)return;t.focusOption("first");break;case"End":if(!c)return;t.focusOption("last");break;default:return}e.preventDefault()}},t.instancePrefix="react-select-"+(t.props.instanceId||++bo),t.state.selectValue=Pt(e.value),e.menuIsOpen&&t.state.selectValue.length){var n=t.buildFocusableOptions(),o=n.indexOf(t.state.selectValue[0]);t.state.focusedOption=n[o]}return t}return t=l,n=[{key:"componentDidMount",value:function(){this.startListeningComposition(),this.startListeningToTouch(),this.props.closeMenuOnScroll&&document&&document.addEventListener&&document.addEventListener("scroll",this.onScroll,!0),this.props.autoFocus&&this.focusInput(),this.props.menuIsOpen&&this.state.focusedOption&&this.menuListRef&&this.focusedOptionRef&&zt(this.menuListRef,this.focusedOptionRef)}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.isDisabled,o=t.menuIsOpen,r=this.state.isFocused;(r&&!n&&e.isDisabled||r&&o&&!e.menuIsOpen)&&this.focusInput(),r&&n&&!e.isDisabled?this.setState({isFocused:!1},this.onMenuClose):r||n||!e.isDisabled||this.inputRef!==document.activeElement||this.setState({isFocused:!0}),this.menuListRef&&this.focusedOptionRef&&this.scrollToFocusedOptionOnUpdate&&(zt(this.menuListRef,this.focusedOptionRef),this.scrollToFocusedOptionOnUpdate=!1)}},{key:"componentWillUnmount",value:function(){this.stopListeningComposition(),this.stopListeningToTouch(),document.removeEventListener("scroll",this.onScroll,!0)}},{key:"onMenuOpen",value:function(){this.props.onMenuOpen()}},{key:"onMenuClose",value:function(){this.onInputChange("",{action:"menu-close",prevInputValue:this.props.inputValue}),this.props.onMenuClose()}},{key:"onInputChange",value:function(e,t){this.props.onInputChange(e,t)}},{key:"focusInput",value:function(){this.inputRef&&this.inputRef.focus()}},{key:"blurInput",value:function(){this.inputRef&&this.inputRef.blur()}},{key:"openMenu",value:function(e){var t=this,n=this.state,o=n.selectValue,r=n.isFocused,i=this.buildFocusableOptions(),a="first"===e?0:i.length-1;if(!this.props.isMulti){var l=i.indexOf(o[0]);l>-1&&(a=l)}this.scrollToFocusedOptionOnUpdate=!(r&&this.menuListRef),this.setState({inputIsHiddenAfterUpdate:!1,focusedValue:null,focusedOption:i[a]},(function(){return t.onMenuOpen()}))}},{key:"focusValue",value:function(e){var t=this.state,n=t.selectValue,o=t.focusedValue;if(this.props.isMulti){this.setState({focusedOption:null});var r=n.indexOf(o);o||(r=-1);var i=n.length-1,a=-1;if(n.length){switch(e){case"previous":a=0===r?0:-1===r?i:r-1;break;case"next":r>-1&&r<i&&(a=r+1)}this.setState({inputIsHidden:-1!==a,focusedValue:n[a]})}}}},{key:"focusOption",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"first",t=this.props.pageSize,n=this.state.focusedOption,o=this.getFocusableOptions();if(o.length){var r=0,i=o.indexOf(n);n||(i=-1),"up"===e?r=i>0?i-1:o.length-1:"down"===e?r=(i+1)%o.length:"pageup"===e?(r=i-t)<0&&(r=0):"pagedown"===e?(r=i+t)>o.length-1&&(r=o.length-1):"last"===e&&(r=o.length-1),this.scrollToFocusedOptionOnUpdate=!0,this.setState({focusedOption:o[r],focusedValue:null})}}},{key:"getTheme",value:function(){return this.props.theme?"function"==typeof this.props.theme?this.props.theme(io):y(y({},io),this.props.theme):io}},{key:"getCommonProps",value:function(){var e=this.clearValue,t=this.cx,n=this.getStyles,o=this.getClassNames,r=this.getValue,i=this.selectOption,a=this.setValue,l=this.props,s=l.isMulti,c=l.isRtl,u=l.options;return{clearValue:e,cx:t,getStyles:n,getClassNames:o,getValue:r,hasValue:this.hasValue(),isMulti:s,isRtl:c,options:u,selectOption:i,selectProps:l,setValue:a,theme:this.getTheme()}}},{key:"hasValue",value:function(){return this.state.selectValue.length>0}},{key:"hasOptions",value:function(){return!!this.getFocusableOptions().length}},{key:"isClearable",value:function(){var e=this.props,t=e.isClearable,n=e.isMulti;return void 0===t?n:t}},{key:"isOptionDisabled",value:function(e,t){return mo(this.props,e,t)}},{key:"isOptionSelected",value:function(e,t){return go(this.props,e,t)}},{key:"filterOption",value:function(e,t){return ho(this.props,e,t)}},{key:"formatOptionLabel",value:function(e,t){if("function"==typeof this.props.formatOptionLabel){var n=this.props.inputValue,o=this.state.selectValue;return this.props.formatOptionLabel(e,{context:t,inputValue:n,selectValue:o})}return this.getOptionLabel(e)}},{key:"formatGroupLabel",value:function(e){return this.props.formatGroupLabel(e)}},{key:"startListeningComposition",value:function(){document&&document.addEventListener&&(document.addEventListener("compositionstart",this.onCompositionStart,!1),document.addEventListener("compositionend",this.onCompositionEnd,!1))}},{key:"stopListeningComposition",value:function(){document&&document.removeEventListener&&(document.removeEventListener("compositionstart",this.onCompositionStart),document.removeEventListener("compositionend",this.onCompositionEnd))}},{key:"startListeningToTouch",value:function(){document&&document.addEventListener&&(document.addEventListener("touchstart",this.onTouchStart,!1),document.addEventListener("touchmove",this.onTouchMove,!1),document.addEventListener("touchend",this.onTouchEnd,!1))}},{key:"stopListeningToTouch",value:function(){document&&document.removeEventListener&&(document.removeEventListener("touchstart",this.onTouchStart),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"renderInput",value:function(){var e=this.props,t=e.isDisabled,n=e.isSearchable,o=e.inputId,r=e.inputValue,i=e.tabIndex,a=e.form,l=e.menuIsOpen,s=e.required,c=this.getComponents().Input,u=this.state,p=u.inputIsHidden,f=u.ariaSelection,m=this.commonProps,g=o||this.getElementId("input"),h=y(y(y({"aria-autocomplete":"list","aria-expanded":l,"aria-haspopup":!0,"aria-errormessage":this.props["aria-errormessage"],"aria-invalid":this.props["aria-invalid"],"aria-label":this.props["aria-label"],"aria-labelledby":this.props["aria-labelledby"],"aria-required":s,role:"combobox"},l&&{"aria-controls":this.getElementId("listbox"),"aria-owns":this.getElementId("listbox")}),!n&&{"aria-readonly":!0}),this.hasValue()?"initial-input-focus"===(null==f?void 0:f.action)&&{"aria-describedby":this.getElementId("live-region")}:{"aria-describedby":this.getElementId("placeholder")});return n?d.createElement(c,O({},m,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",id:g,innerRef:this.getInputRef,isDisabled:t,isHidden:p,onBlur:this.onInputBlur,onChange:this.handleInputChange,onFocus:this.onInputFocus,spellCheck:"false",tabIndex:i,form:a,type:"text",value:r},h)):d.createElement(jn,O({id:g,innerRef:this.getInputRef,onBlur:this.onInputBlur,onChange:kt,onFocus:this.onInputFocus,disabled:t,tabIndex:i,inputMode:"none",form:a,value:""},h))}},{key:"renderPlaceholderOrValue",value:function(){var e=this,t=this.getComponents(),n=t.MultiValue,o=t.MultiValueContainer,r=t.MultiValueLabel,i=t.MultiValueRemove,a=t.SingleValue,l=t.Placeholder,s=this.commonProps,c=this.props,u=c.controlShouldRenderValue,p=c.isDisabled,f=c.isMulti,m=c.inputValue,g=c.placeholder,h=this.state,v=h.selectValue,b=h.focusedValue,y=h.isFocused;if(!this.hasValue()||!u)return m?null:d.createElement(l,O({},s,{key:"placeholder",isDisabled:p,isFocused:y,innerProps:{id:this.getElementId("placeholder")}}),g);if(f)return v.map((function(t,a){var l=t===b,c="".concat(e.getOptionLabel(t),"-").concat(e.getOptionValue(t));return d.createElement(n,O({},s,{components:{Container:o,Label:r,Remove:i},isFocused:l,isDisabled:p,key:c,index:a,removeProps:{onClick:function(){return e.removeValue(t)},onTouchEnd:function(){return e.removeValue(t)},onMouseDown:function(e){e.preventDefault()}},data:t}),e.formatOptionLabel(t,"value"))}));if(m)return null;var E=v[0];return d.createElement(a,O({},s,{data:E,isDisabled:p}),this.formatOptionLabel(E,"value"))}},{key:"renderClearIndicator",value:function(){var e=this.getComponents().ClearIndicator,t=this.commonProps,n=this.props,o=n.isDisabled,r=n.isLoading,i=this.state.isFocused;if(!this.isClearable()||!e||o||!this.hasValue()||r)return null;var a={onMouseDown:this.onClearIndicatorMouseDown,onTouchEnd:this.onClearIndicatorTouchEnd,"aria-hidden":"true"};return d.createElement(e,O({},t,{innerProps:a,isFocused:i}))}},{key:"renderLoadingIndicator",value:function(){var e=this.getComponents().LoadingIndicator,t=this.commonProps,n=this.props,o=n.isDisabled,r=n.isLoading,i=this.state.isFocused;return e&&r?d.createElement(e,O({},t,{innerProps:{"aria-hidden":"true"},isDisabled:o,isFocused:i})):null}},{key:"renderIndicatorSeparator",value:function(){var e=this.getComponents(),t=e.DropdownIndicator,n=e.IndicatorSeparator;if(!t||!n)return null;var o=this.commonProps,r=this.props.isDisabled,i=this.state.isFocused;return d.createElement(n,O({},o,{isDisabled:r,isFocused:i}))}},{key:"renderDropdownIndicator",value:function(){var e=this.getComponents().DropdownIndicator;if(!e)return null;var t=this.commonProps,n=this.props.isDisabled,o=this.state.isFocused,r={onMouseDown:this.onDropdownIndicatorMouseDown,onTouchEnd:this.onDropdownIndicatorTouchEnd,"aria-hidden":"true"};return d.createElement(e,O({},t,{innerProps:r,isDisabled:n,isFocused:o}))}},{key:"renderMenu",value:function(){var e=this,t=this.getComponents(),n=t.Group,o=t.GroupHeading,r=t.Menu,i=t.MenuList,a=t.MenuPortal,l=t.LoadingMessage,s=t.NoOptionsMessage,c=t.Option,u=this.commonProps,p=this.state.focusedOption,f=this.props,m=f.captureMenuScroll,g=f.inputValue,h=f.isLoading,v=f.loadingMessage,b=f.minMenuHeight,y=f.maxMenuHeight,E=f.menuIsOpen,C=f.menuPlacement,w=f.menuPosition,S=f.menuPortalTarget,x=f.menuShouldBlockScroll,_=f.menuShouldScrollIntoView,k=f.noOptionsMessage,T=f.onMenuScrollToTop,R=f.onMenuScrollToBottom;if(!E)return null;var P,I=function(t,n){var o=t.type,r=t.data,i=t.isDisabled,a=t.isSelected,l=t.label,s=t.value,f=p===r,m=i?void 0:function(){return e.onOptionHover(r)},g=i?void 0:function(){return e.selectOption(r)},h="".concat(e.getElementId("option"),"-").concat(n),v={id:h,onClick:g,onMouseMove:m,onMouseOver:m,tabIndex:-1};return d.createElement(c,O({},u,{innerProps:v,data:r,isDisabled:i,isSelected:a,key:h,label:l,type:o,value:s,isFocused:f,innerRef:f?e.getFocusedOptionRef:void 0}),e.formatOptionLabel(t.data,"menu"))};if(this.hasOptions())P=this.getCategorizedOptions().map((function(t){if("group"===t.type){var r=t.data,i=t.options,a=t.index,l="".concat(e.getElementId("group"),"-").concat(a),s="".concat(l,"-heading");return d.createElement(n,O({},u,{key:l,data:r,options:i,Heading:o,headingProps:{id:s,data:t.data},label:e.formatGroupLabel(t.data)}),t.options.map((function(e){return I(e,"".concat(a,"-").concat(e.index))})))}if("option"===t.type)return I(t,"".concat(t.index))}));else if(h){var A=v({inputValue:g});if(null===A)return null;P=d.createElement(l,u,A)}else{var M=k({inputValue:g});if(null===M)return null;P=d.createElement(s,u,M)}var N={minMenuHeight:b,maxMenuHeight:y,menuPlacement:C,menuPosition:w,menuShouldScrollIntoView:_},L=d.createElement(qt,O({},u,N),(function(t){var n=t.ref,o=t.placerProps,a=o.placement,l=o.maxHeight;return d.createElement(r,O({},u,N,{innerRef:n,innerProps:{onMouseDown:e.onMenuMouseDown,onMouseMove:e.onMenuMouseMove,id:e.getElementId("listbox")},isLoading:h,placement:a}),d.createElement(to,{captureEnabled:m,onTopArrive:T,onBottomArrive:R,lockEnabled:x},(function(t){return d.createElement(i,O({},u,{innerRef:function(n){e.getMenuListRef(n),t(n)},isLoading:h,maxHeight:l,focusedOption:p}),P)})))}));return S||"fixed"===w?d.createElement(a,O({},u,{appendTo:S,controlElement:this.controlRef,menuPlacement:C,menuPosition:w}),L):L}},{key:"renderFormField",value:function(){var e=this,t=this.props,n=t.delimiter,o=t.isDisabled,r=t.isMulti,i=t.name,a=t.required,l=this.state.selectValue;if(a&&!this.hasValue()&&!o)return d.createElement(oo,{name:i,onFocus:this.onValueInputFocus});if(i&&!o){if(r){if(n){var s=l.map((function(t){return e.getOptionValue(t)})).join(n);return d.createElement("input",{name:i,type:"hidden",value:s})}var c=l.length>0?l.map((function(t,n){return d.createElement("input",{key:"i-".concat(n),name:i,type:"hidden",value:e.getOptionValue(t)})})):d.createElement("input",{name:i,type:"hidden",value:""});return d.createElement("div",null,c)}var u=l[0]?this.getOptionValue(l[0]):"";return d.createElement("input",{name:i,type:"hidden",value:u})}}},{key:"renderLiveRegion",value:function(){var e=this.commonProps,t=this.state,n=t.ariaSelection,o=t.focusedOption,r=t.focusedValue,i=t.isFocused,a=t.selectValue,l=this.getFocusableOptions();return d.createElement(Pn,O({},e,{id:this.getElementId("live-region"),ariaSelection:n,focusedOption:o,focusedValue:r,isFocused:i,selectValue:a,focusableOptions:l}))}},{key:"render",value:function(){var e=this.getComponents(),t=e.Control,n=e.IndicatorsContainer,o=e.SelectContainer,r=e.ValueContainer,i=this.props,a=i.className,l=i.id,s=i.isDisabled,c=i.menuIsOpen,u=this.state.isFocused,p=this.commonProps=this.getCommonProps();return d.createElement(o,O({},p,{className:a,innerProps:{id:l,onKeyDown:this.onKeyDown},isDisabled:s,isFocused:u}),this.renderLiveRegion(),d.createElement(t,O({},p,{innerRef:this.getControlRef,innerProps:{onMouseDown:this.onControlMouseDown,onTouchEnd:this.onControlTouchEnd},isDisabled:s,isFocused:u,menuIsOpen:c}),d.createElement(r,O({},p,{isDisabled:s}),this.renderPlaceholderOrValue(),this.renderInput()),d.createElement(n,O({},p,{isDisabled:s}),this.renderClearIndicator(),this.renderLoadingIndicator(),this.renderIndicatorSeparator(),this.renderDropdownIndicator())),this.renderMenu(),this.renderFormField())}}],o=[{key:"getDerivedStateFromProps",value:function(e,t){var n=t.prevProps,o=t.clearFocusValueOnUpdate,r=t.inputIsHiddenAfterUpdate,i=t.ariaSelection,a=t.isFocused,l=t.prevWasFocused,s=e.options,c=e.value,u=e.menuIsOpen,p=e.inputValue,d=e.isMulti,f=Pt(c),m={};if(n&&(c!==n.value||s!==n.options||u!==n.menuIsOpen||p!==n.inputValue)){var g=u?function(e,t){return co(so(e,t))}(e,f):[],h=o?function(e,t){var n=e.focusedValue,o=e.selectValue.indexOf(n);if(o>-1){if(t.indexOf(n)>-1)return n;if(o<t.length)return t[o]}return null}(t,f):null,v=function(e,t){var n=e.focusedOption;return n&&t.indexOf(n)>-1?n:t[0]}(t,g);m={selectValue:f,focusedOption:v,focusedValue:h,clearFocusValueOnUpdate:!1}}var b=null!=r&&e!==n?{inputIsHidden:r,inputIsHiddenAfterUpdate:void 0}:{},E=i,C=a&&l;return a&&!C&&(E={value:$t(d,f,f[0]||null),options:f,action:"initial-input-focus"},C=!l),"initial-input-focus"===(null==i?void 0:i.action)&&(E=null),y(y(y({},m),b),{},{prevProps:e,ariaSelection:E,prevWasFocused:C})}}],n&&k(t.prototype,n),o&&k(t,o),Object.defineProperty(t,"prototype",{writable:!1}),l}(d.Component);yo.defaultProps=ao;var Eo=(0,d.forwardRef)((function(e,t){var n=function(e){var t=e.defaultInputValue,n=void 0===t?"":t,o=e.defaultMenuIsOpen,r=void 0!==o&&o,i=e.defaultValue,a=void 0===i?null:i,l=e.inputValue,s=e.menuIsOpen,c=e.onChange,u=e.onInputChange,p=e.onMenuClose,f=e.onMenuOpen,m=e.value,g=x(e,_),h=w((0,d.useState)(void 0!==l?l:n),2),v=h[0],b=h[1],E=w((0,d.useState)(void 0!==s?s:r),2),C=E[0],S=E[1],O=w((0,d.useState)(void 0!==m?m:a),2),k=O[0],T=O[1],R=(0,d.useCallback)((function(e,t){"function"==typeof c&&c(e,t),T(e)}),[c]),P=(0,d.useCallback)((function(e,t){var n;"function"==typeof u&&(n=u(e,t)),b(void 0!==n?n:e)}),[u]),I=(0,d.useCallback)((function(){"function"==typeof f&&f(),S(!0)}),[f]),A=(0,d.useCallback)((function(){"function"==typeof p&&p(),S(!1)}),[p]),M=void 0!==l?l:v,N=void 0!==s?s:C,L=void 0!==m?m:k;return y(y({},g),{},{inputValue:M,menuIsOpen:N,onChange:R,onInputChange:P,onMenuClose:A,onMenuOpen:I,value:L})}(e);return d.createElement(yo,O({ref:t},n))}));const Co=Eo;function wo(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,T(e,t)}const So=f().createContext(null);var xo="unmounted",_o="exited",Oo="entering",ko="entered",To="exiting",Ro=function(e){function t(t,n){var o;o=e.call(this,t,n)||this;var r,i=n&&!n.isMounting?t.enter:t.appear;return o.appearStatus=null,t.in?i?(r=_o,o.appearStatus=Oo):r=ko:r=t.unmountOnExit||t.mountOnEnter?xo:_o,o.state={status:r},o.nextCallback=null,o}wo(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===xo?{status:_o}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==Oo&&n!==ko&&(t=Oo):n!==Oo&&n!==ko||(t=To)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,o=this.props.timeout;return e=t=n=o,null!=o&&"number"!=typeof o&&(e=o.exit,t=o.enter,n=void 0!==o.appear?o.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===Oo){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:at().findDOMNode(this);n&&function(e){e.scrollTop}(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===_o&&this.setState({status:xo})},n.performEnter=function(e){var t=this,n=this.props.enter,o=this.context?this.context.isMounting:e,r=this.props.nodeRef?[o]:[at().findDOMNode(this),o],i=r[0],a=r[1],l=this.getTimeouts(),s=o?l.appear:l.enter;e||n?(this.props.onEnter(i,a),this.safeSetState({status:Oo},(function(){t.props.onEntering(i,a),t.onTransitionEnd(s,(function(){t.safeSetState({status:ko},(function(){t.props.onEntered(i,a)}))}))}))):this.safeSetState({status:ko},(function(){t.props.onEntered(i)}))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),o=this.props.nodeRef?void 0:at().findDOMNode(this);t?(this.props.onExit(o),this.safeSetState({status:To},(function(){e.props.onExiting(o),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:_o},(function(){e.props.onExited(o)}))}))}))):this.safeSetState({status:_o},(function(){e.props.onExited(o)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(o){n&&(n=!1,t.nextCallback=null,e(o))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:at().findDOMNode(this),o=null==e&&!this.props.addEndListener;if(n&&!o){if(this.props.addEndListener){var r=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=r[0],a=r[1];this.props.addEndListener(i,a)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===xo)return null;var t=this.props,n=t.children,o=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,S(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return f().createElement(So.Provider,{value:null},"function"==typeof n?n(e,o):f().cloneElement(f().Children.only(n),o))},t}(f().Component);function Po(){}Ro.contextType=So,Ro.propTypes={},Ro.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Po,onEntering:Po,onEntered:Po,onExit:Po,onExiting:Po,onExited:Po},Ro.UNMOUNTED=xo,Ro.EXITED=_o,Ro.ENTERING=Oo,Ro.ENTERED=ko,Ro.EXITING=To;const Io=Ro;function Ao(e,t){var n=Object.create(null);return e&&d.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,d.isValidElement)(e)?t(e):e}(e)})),n}function Mo(e,t,n){return null!=n[t]?n[t]:e.props[t]}function No(e,t,n){var o=Ao(e.children),r=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var o,r=Object.create(null),i=[];for(var a in e)a in t?i.length&&(r[a]=i,i=[]):i.push(a);var l={};for(var s in t){if(r[s])for(o=0;o<r[s].length;o++){var c=r[s][o];l[r[s][o]]=n(c)}l[s]=n(s)}for(o=0;o<i.length;o++)l[i[o]]=n(i[o]);return l}(t,o);return Object.keys(r).forEach((function(i){var a=r[i];if((0,d.isValidElement)(a)){var l=i in t,s=i in o,c=t[i],u=(0,d.isValidElement)(c)&&!c.props.in;!s||l&&!u?s||!l||u?s&&l&&(0,d.isValidElement)(c)&&(r[i]=(0,d.cloneElement)(a,{onExited:n.bind(null,a),in:c.props.in,exit:Mo(a,"exit",e),enter:Mo(a,"enter",e)})):r[i]=(0,d.cloneElement)(a,{in:!1}):r[i]=(0,d.cloneElement)(a,{onExited:n.bind(null,a),in:!0,exit:Mo(a,"exit",e),enter:Mo(a,"enter",e)})}})),r}var Lo=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},Do=function(e){function t(t,n){var o,r=(o=e.call(this,t,n)||this).handleExited.bind(P(o));return o.state={contextValue:{isMounting:!0},handleExited:r,firstRender:!0},o}wo(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,o,r=t.children,i=t.handleExited;return{children:t.firstRender?(n=e,o=i,Ao(n.children,(function(e){return(0,d.cloneElement)(e,{onExited:o.bind(null,e),in:!0,appear:Mo(e,"appear",n),enter:Mo(e,"enter",n),exit:Mo(e,"exit",n)})}))):No(e,r,i),firstRender:!1}},n.handleExited=function(e,t){var n=Ao(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=O({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,o=S(e,["component","childFactory"]),r=this.state.contextValue,i=Lo(this.state.children).map(n);return delete o.appear,delete o.enter,delete o.exit,null===t?f().createElement(So.Provider,{value:r},i):f().createElement(So.Provider,{value:r},f().createElement(t,o,i))},t}(f().Component);Do.propTypes={},Do.defaultProps={component:"div",childFactory:function(e){return e}};const zo=Do;var Vo=["in","onExited","appear","enter","exit"],Fo=function(e){return function(t){t.in,t.onExited,t.appear,t.enter,t.exit;var n=x(t,Vo);return d.createElement(e,n)}},Bo=["component","duration","in","onExited"],Ho=function(e){var t=e.component,n=e.duration,o=void 0===n?1:n,r=e.in;e.onExited;var i=x(e,Bo),a=(0,d.useRef)(null),l={entering:{opacity:0},entered:{opacity:1,transition:"opacity ".concat(o,"ms")},exiting:{opacity:0},exited:{opacity:0}};return d.createElement(Io,{mountOnEnter:!0,unmountOnExit:!0,in:r,timeout:o,nodeRef:a},(function(e){var n={style:y({},l[e]),ref:a};return d.createElement(t,O({innerProps:n},i))}))},jo=function(e){var t=e.children,n=e.in,o=e.onExited,r=(0,d.useRef)(null),i=w((0,d.useState)("auto"),2),a=i[0],l=i[1];(0,d.useEffect)((function(){var e=r.current;if(e){var t=window.requestAnimationFrame((function(){return l(e.getBoundingClientRect().width)}));return function(){return window.cancelAnimationFrame(t)}}}),[]);var s=function(e){switch(e){default:return{width:a};case"exiting":return{width:0,transition:"width ".concat(260,"ms ease-out")};case"exited":return{width:0}}};return d.createElement(Io,{enter:!1,mountOnEnter:!0,unmountOnExit:!0,in:n,onExited:function(){var e=r.current;e&&(null==o||o(e))},timeout:260,nodeRef:r},(function(e){return d.createElement("div",{ref:r,style:y({overflow:"hidden",whiteSpace:"nowrap"},s(e))},t)}))},Uo=["in","onExited"],$o=function(e){return function(t){var n=t.in,o=t.onExited,r=x(t,Uo);return d.createElement(jo,{in:n,onExited:o},d.createElement(e,O({cropWithEllipsis:n},r)))}},Wo=function(e){return function(t){return d.createElement(Ho,O({component:e,duration:t.isMulti?260:1},t))}},Go=function(e){return function(t){return d.createElement(Ho,O({component:e},t))}},Yo=["component"],qo=["children"],Xo=function(e){return function(t){return t.isMulti?d.createElement(Jo,O({component:e},t)):d.createElement(zo,O({component:e},t))}},Jo=function(e){var t=e.component,n=x(e,Yo),o=Ko(n);return d.createElement(zo,O({component:t},o))},Ko=function(e){var t=e.children,n=x(e,qo),o=n.isMulti,r=n.hasValue,i=n.innerProps,a=n.selectProps,l=a.components,s=a.controlShouldRenderValue,c=w((0,d.useState)(o&&s&&r),2),u=c[0],p=c[1],f=w((0,d.useState)(!1),2),m=f[0],g=f[1];(0,d.useEffect)((function(){r&&!u&&p(!0)}),[r,u]),(0,d.useEffect)((function(){m&&!r&&u&&p(!1),g(!1)}),[m,r,u]);var h=function(){return g(!0)},v=y(y({},i),{},{style:y(y({},null==i?void 0:i.style),{},{display:o&&r||u?"flex":"grid"})});return y(y({},n),{},{innerProps:v,children:d.Children.toArray(t).map((function(e){if(o&&d.isValidElement(e)){if(e.type===l.MultiValue)return d.cloneElement(e,{onExited:h});if(e.type===l.Placeholder&&u)return null}return e}))})},Zo=["Input","MultiValue","Placeholder","SingleValue","ValueContainer"],Qo=function(){var e=wn({components:arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}}),t=e.Input,n=e.MultiValue,o=e.Placeholder,r=e.SingleValue,i=e.ValueContainer,a=x(e,Zo);return y({Input:Fo(t),MultiValue:$o(n),Placeholder:Wo(o),SingleValue:Go(r),ValueContainer:Xo(i)},a)},er=Qo();er.Input,er.MultiValue,er.Placeholder,er.SingleValue,er.ValueContainer;const tr=On(Qo),nr=function(e){let{value:t,options:n,onChange:o,label:r,height:a,help:l}=e;const[c,u]=(0,i.useState)(t);return(0,i.useEffect)((()=>{u(t)}),[t]),(0,i.createElement)(i.Fragment,null,(0,i.createElement)(s.BaseControl,{label:r,help:"",className:"image-radio-select-control-label wcspots-label"}),(0,i.createElement)(s.ButtonGroup,null,n.map((e=>(0,i.createElement)(s.Button,{key:e.value,isPrimary:c===e.value,onClick:()=>{return t=e.value,u(t),void o(t);var t},style:{padding:"4px",boxShadow:"none",borderWidth:"0"},className:"wcspots-image-button"},e.icon?(0,i.createElement)(s.Dashicon,{icon:e.icon}):(0,i.createElement)("img",{src:e.image,alt:e.label,style:{height:a}}))))))},or=e=>{let{popoverAtts:t,setAttributes:o}=e;const{elementsToggle:c,popoverWidth:u}=t,p=r.Y4.popoverAtts.default,f=e=>{const n={...t};e.forEach((e=>{n[e]=p[e]})),o({popoverAtts:n})},m=[{name:"popoverLayout",title:"Layout",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(nr,{label:(0,a.__)("Popover layout type","wcspots"),help:(0,a.__)("Pick a layout for popover with product","wcspots"),options:[{value:"layout1",label:"Layout 1",image:n(531)},{value:"layout2",label:"Layout 2",image:n(829)},{value:"layout3",label:"Layout 3",image:n(924)}],value:t.productsLayout,onChange:e=>{o({popoverAtts:{...t,productsLayout:e}})},height:"38px"}),(0,i.createElement)(nr,{label:(0,a.__)("Product align","wcspots"),help:(0,a.__)("Align product elements in the popover","wcspots"),options:[{value:"flex-start",label:"Flex start",icon:"align-left"},{value:"center",label:"Center",icon:"align-center"},{value:"flex-end",label:"Flex end",icon:"align-right"}],value:t.productsAlign,onChange:e=>{o({popoverAtts:{...t,productsAlign:e}})}}),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover width: minimum","wcspots"),value:u.min,onChange:e=>{o({popoverAtts:{...t,popoverWidth:{...u,min:e}}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover width: preferred","wcspots"),value:u.val,onChange:e=>{o({popoverAtts:{...t,popoverWidth:{...u,val:e}}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover width: maximum","wcspots"),value:u.max,onChange:e=>{o({popoverAtts:{...t,popoverWidth:{...u,max:e}}})}}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset layout, align, and width","wcspots"),onClick:()=>{f(["productsLayout","productsAlign","popoverWidth"])},className:"wcspots-reset-attributes"}))},{name:"toggleElements",title:"Toggle elements",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show image","wcspots"),checked:c?.image,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,image:!c?.image}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show title","wcspots"),checked:c?.title,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,title:!c?.title}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show price","wcspots"),checked:c?.price,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,price:!c?.price}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show excerpt","wcspots"),checked:c?.excerpt,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,excerpt:!c?.excerpt}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show Add to Cart","wcspots"),checked:c?.addToCart,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,addToCart:!c?.addToCart}}})}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset toggle","wcspots"),onClick:()=>{f(["elementsToggle"])},className:"wcspots-reset-attributes"}))}],g=[{name:"popoverSpacing",title:"Spacing",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),"layout3"!==t.productsLayout&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover padding","wcspots"),value:t.popoverPadding,onChange:e=>{o({popoverAtts:{...t,popoverPadding:e}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements spacing","wcspots"),value:t.productSpacing,onChange:e=>{o({popoverAtts:{...t,productSpacing:e}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements padding","wcspots"),value:t.productPadding,onChange:e=>{o({popoverAtts:{...t,productPadding:e}})}}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset spacing","wcspots"),onClick:()=>{f(["popoverPadding","productSpacing","productPadding"])},className:"wcspots-reset-attributes"}))},{name:"popoverSizes",title:"Sizes",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Title font size","wcspots"),value:t.titleSize,onChange:e=>{o({popoverAtts:{...t,titleSize:e}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Price font size","wcspots"),value:t.priceSize,onChange:e=>{o({popoverAtts:{...t,priceSize:e}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Short description font size","wcspots"),value:t.excerptSize,onChange:e=>{o({popoverAtts:{...t,excerptSize:e}})}}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Add to Cart size","wcspots"),value:t.addToCartSize,onChange:e=>o({popoverAtts:{...t,addToCartSize:e}}),min:.5,max:2,step:.05}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset sizes","wcspots"),onClick:()=>{f(["titleSize","priceSize","excerptSize","addToCartSize"])},className:"wcspots-reset-attributes"}))},{name:"popoverColors",title:"Colors",content:(0,i.createElement)("div",null,(0,i.createElement)(l.PanelColorSettings,{initialOpen:!1,enableAlpha:!0,colorSettings:[{value:t.productBackColor,onChange:e=>o({popoverAtts:{...t,productBackColor:e}}),label:(0,a.__)("Background Color","wcspots")},{value:t.titleColor,onChange:e=>o({popoverAtts:{...t,titleColor:e}}),label:(0,a.__)("Title Color","wcspots")},{value:t.priceColor,onChange:e=>o({popoverAtts:{...t,priceColor:e}}),label:(0,a.__)("Price Color","wcspots")},{value:t.excerptColor,onChange:e=>o({popoverAtts:{...t,excerptColor:e}}),label:(0,a.__)("Excerpt Color","wcspots")}]}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset colors","wcspots"),onClick:()=>{f(["productBackColor","titleColor","priceColor","excerptColor"])},className:"wcspots-reset-attributes"}))}];return(0,i.createElement)(d.Fragment,null,(0,i.createElement)(l.InspectorControls,{group:"settings"},(0,i.createElement)(s.PanelBody,{title:(0,a.__)("Popover layout","wcspots"),icon:"images-alt2",initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"popover-layout",tabs:m},(e=>(0,i.createElement)("div",null,e.content))),(0,i.createElement)(s.BaseControl,{help:(0,a.__)("Style properties like colors, sizes, and spacing are available in the editor styles tab.","wcspots")}))),(0,i.createElement)(l.InspectorControls,{group:"styles"},(0,i.createElement)(s.PanelBody,{title:(0,a.__)("Popover styles","wcspots"),icon:"images-alt2",initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"popover-style",tabs:g},(e=>(0,i.createElement)("div",null,e.content))),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:"Rounded corners",value:t.roundCorners,onChange:e=>{o({popoverAtts:{...t,roundCorners:e}})}}),(0,i.createElement)(l.HeightControl,{label:"Arrow size",value:t.arrowSize,onChange:e=>{o({popoverAtts:{...t,arrowSize:e}})}}),(0,i.createElement)(s.BaseControl,{help:(0,a.__)('Arrow color is set in "Background Color" ("Colors" tab).',"wcspots")}))))},rr=e=>{let{attributes:t,setAttributes:o,clientId:c}=e;const u=(0,p.useEntityRecords)("postType","product",{per_page:-1}),{title:f,settingsTitleDesc:g,productsData:h,media:v,srcSetAtt:b,sizesAtt:y,mediaID:E,mediaURL:C,backImage:w,backimageOpacity:S,isStackedOnMobile:x,flexLayout:_,flexGap:O,flexItemsRatio:k,valign:T,productsLayout:R,productsAlign:P,columns:I,productsGap:A,productPadding:M,productSpacing:N,elementsToggle:L,titleSize:D,priceSize:z,excerptSize:V,addToCartSize:F,productBackColor:B,titleColor:H,priceColor:j,excerptColor:U,hotspots:$,hotspotSettings:W,popoverAtts:G}=t,Y=r.Y4,q=e=>{const n={...t};e.forEach((e=>{n[e]=Y[e].default})),o(n)};(0,d.useEffect)((()=>{if(v&&v.sizes){const e=v.sizes,t=Object.keys(e).filter((e=>"thumbnail"!==e)).reduce(((t,n)=>(t[n]=e[n],t)),{}),n=Object.keys(t).map((e=>`${(0,m.get)(t,[e,"url"],"")} ${(0,m.get)(t,[e,"width"],"")}w`)).join(", "),r=Object.keys(t).map((e=>`(max-width: ${(0,m.get)(t,[e,"width"],"")}px) ${(0,m.get)(t,[e,"width"],"")}px`)).join(", ");o({srcSetAtt:n,sizesAtt:r})}}),[v]);const X=()=>!($.length>0&&E&&!confirm("All existing hotspots will be removed - are you sure?")||(o({hotspots:[]}),0)),J=[{label:"Style 1",value:"iconstyle-1"},{label:"Style 2",value:"iconstyle-2"},{label:"Style 3",value:"iconstyle-3"}],K=[{name:"productsLayout",title:"Layout",content:(0,i.createElement)("div",null,(0,i.createElement)(nr,{label:(0,a.__)("Product layout type","wcspots"),help:(0,a.__)("Pick a grid type for displaying selected products","wcspots"),options:[{value:"layout1",label:"Layout 1",image:n(21)},{value:"layout2",label:"Layout 2",image:n(959)},{value:"layout3",label:"Layout 3",image:n(209)}],value:R,onChange:e=>{o({productsLayout:e})},height:"38px"}),(0,i.createElement)(nr,{label:(0,a.__)("Product align","wcspots"),help:(0,a.__)("How to align the products","wcspots"),options:[{value:"flex-start",label:"Flex start",icon:"align-left"},{value:"center",label:"Center",icon:"align-center"},{value:"flex-end",label:"Flex end",icon:"align-right"}],value:P,onChange:e=>{o({productsAlign:e})},height:"28px"}),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Columns","wcspots"),value:I,onChange:e=>o({columns:e}),min:1,max:4}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset layout, align, and columns","wcspots"),onClick:()=>{q(["productsLayout","productsAlign","columns"])},className:"wcspots-reset-attributes"}))},{name:"toggleElements",title:"Toggle elements",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show image","wcspots"),checked:L.image,onChange:()=>o({elementsToggle:{...L,image:!L.image}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show title","wcspots"),checked:L.title,onChange:()=>o({elementsToggle:{...L,title:!L.title}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show price","wcspots"),checked:L.price,onChange:()=>o({elementsToggle:{...L,price:!L.price}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show excerpt","wcspots"),checked:L.excerpt,onChange:()=>o({elementsToggle:{...L,excerpt:!L.excerpt}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show Add to Cart","wcspots"),checked:L.addToCart,onChange:()=>o({elementsToggle:{...L,addToCart:!L.addToCart}})}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset toggles","wcspots"),onClick:()=>{q(["elementsToggle"])},className:"wcspots-reset-attributes"}))}],Z=[{name:"productsSpacing",title:"Spacing",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Gap between products","wcspots"),value:A,onChange:e=>{o({productsGap:e})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements spacing","wcspots"),value:N,onChange:e=>{o({productSpacing:e})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements padding","wcspots"),value:M,onChange:e=>{o({productPadding:e})},step:.5}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset spacing","wcspots"),onClick:()=>{q(["productsGap","productSpacing","productPadding"])},className:"wcspots-reset-attributes"}))},{name:"productSizes",title:"Sizes",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Title font size","wcspots"),value:D,onChange:e=>{o({titleSize:e})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Price font size","wcspots"),value:z,onChange:e=>{o({priceSize:e})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Short description font size","wcspots"),value:V,onChange:e=>{o({excerptSize:e})}}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Add to Cart size","wcspots"),value:F,onChange:e=>o({addToCartSize:e}),min:.5,max:2,step:.05}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset sizes","wcspots"),onClick:()=>{q(["titleSize","priceSize","excerptSize","excerptSize","addToCartSize"])},className:"wcspots-reset-attributes"}))},{name:"colors",title:"Colors",content:(0,i.createElement)(d.Fragment,null,(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,enableAlpha:!0,colorSettings:[{value:B,onChange:e=>o({productBackColor:e}),label:(0,a.__)("Background Color","wcspots")},{value:H,onChange:e=>o({titleColor:e}),label:(0,a.__)("Title color","wcspots")},{value:j,onChange:e=>o({priceColor:e}),label:(0,a.__)("Price color","wcspots")},{value:U,onChange:e=>o({excerptColor:e}),label:(0,a.__)("Short description color","wcspots")}]}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset colors","wcspots"),onClick:()=>{q(["productBackColor","titleColor","priceColor","excerptColor"])},className:"wcspots-reset-attributes"}))}],Q=u?.records?.map((e=>({value:e.id,label:e.title.raw}))),ee=tr();return(0,i.createElement)(d.Fragment,null,(0,i.createElement)(l.InspectorControls,{group:"settings"},(0,i.createElement)(s.PanelBody,{icon:"text",title:(0,a.__)("Title and description","wcspots"),initialOpen:!1},(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show title","wcspots"),checked:g.activeTitle,onChange:()=>o({settingsTitleDesc:{...g,activeTitle:!g.activeTitle}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show description","wcspots"),checked:g.activeDesc,onChange:()=>o({settingsTitleDesc:{...g,activeDesc:!g.activeDesc}})}),(0,i.createElement)(l.HeightControl,{label:"Title spacing",value:g.spacingTitle,onChange:e=>{o({settingsTitleDesc:{...g,spacingTitle:e}})}}),(0,i.createElement)(l.HeightControl,{label:"Decription spacing",value:g.spacingDesc,onChange:e=>{o({settingsTitleDesc:{...g,spacingDesc:e}})}})),Boolean(window.wcspotsVars?.wooActive)&&(0,i.createElement)(s.PanelBody,{icon:"store",title:(0,a.__)("WooCommerce products","wcspots"),initialOpen:!0},(0,i.createElement)(s.CardDivider,{size:"xSmall"}),u.isResolving?(0,a.__)("Loading products list","wcspots"):(0,i.createElement)(Co,{closeMenuOnSelect:!1,components:ee,value:h,isMulti:!0,options:Q,onChange:e=>{(e=>{const t=$.filter((t=>!t.assigned||e.some((e=>e.value===t.productId))));o({hotspots:t})})(e),o({productsData:e})}})),(0,i.createElement)(s.PanelBody,{icon:"format-image",title:(0,a.__)("Image for Hot Spots","wcspots"),initialOpen:!1},(0,i.createElement)(s.PanelRow,null,(0,i.createElement)(l.MediaUpload,{label:(0,a.__)("Choose image for Woo HotSpots Block","wcspots"),onSelect:e=>{X()&&o({mediaURL:e.url,mediaID:e.id,media:e})},allowedTypes:"image",value:E,render:e=>{let{open:t}=e;return(0,i.createElement)(s.Button,{isSmall:!0,isSecondary:!0,className:E?"image-button":"button button-large",onClick:t},E?(0,a.__)("Replace Image","wcspots"):(0,a.__)("Add Image","wcspots"))}}),E&&(0,i.createElement)(s.PanelRow,null,(0,i.createElement)(s.IconButton,{icon:"no-alt",onClick:()=>{X()&&o({mediaURL:null,mediaID:null})},label:(0,a.__)("Remove image","wcspots")}))),(0,i.createElement)(s.PanelRow,null,E?(0,i.createElement)("img",{src:C,alt:(0,a.__)("Upload image","wcspots")}):(0,a.__)("No image selected","wcspots")),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Background image","wcspots"),value:w,options:[{label:"No background image",value:"backimage-none"},{label:"Same image as background",value:"backimage-same"}],onChange:e=>o({backImage:e})}),"backimage-none"!==w&&(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Background image opacity","wcspots"),value:S,onChange:e=>o({backimageOpacity:e}),min:0,max:1,step:.05})),(0,i.createElement)(s.PanelBody,{icon:"layout",title:(0,a.__)("Layout","wcspots"),initialOpen:!1},(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Stack on mobile","wcspots"),checked:x,onChange:()=>o({isStackedOnMobile:!x})}),(0,i.createElement)(s.SelectControl,{value:_,options:[{label:"Row - products first",value:"row"},{label:"Row - image first",value:"row-reverse"},{label:"Column - products first",value:"column"},{label:"Column - image first",value:"column-reverse"},{label:"Image only",value:"image-only"}],onChange:e=>o({flexLayout:e})}),!["image-only","column","column-reverse"].includes(_)&&(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Vertical align","wcspots"),value:T,options:[{label:"Top",value:"flex-start"},{label:"Center",value:"center"},{label:"Bottom",value:"flex-end"},{label:"Stretch",value:"stretch"}],onChange:e=>o({valign:e})}),(0,i.createElement)(s.RangeControl,{label:["image-only","column","column-reverse"].includes(_)?(0,a.__)("Image width (%)","wcspots"):(0,a.__)("Image / products ratio (%)","wcspots"),value:k,min:0,max:100,onChange:e=>o({flexItemsRatio:e})}),"image-only"!==_&&(0,i.createElement)(l.HeightControl,{label:"Image/products gap",value:O,onChange:e=>{o({flexGap:e})}}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset layout","wcspots"),onClick:()=>{q(["isStackedOnMobile","flexLayout","valign","flexItemsRatio","flexGap"])},className:"wcspots-reset-attributes"})),"image-only"!==_&&(0,i.createElement)(s.PanelBody,{icon:"products",title:(0,a.__)("Product layout","wcspots"),initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"product-settings",tabs:K},(e=>(0,i.createElement)("div",null,e.content))),(0,i.createElement)(s.BaseControl,{help:(0,a.__)("Style properties like colors, sizes, and spacing are available in the editor styles tab.","wcspots")}))),(0,i.createElement)(l.InspectorControls,{group:"styles"},(0,i.createElement)(s.PanelBody,{icon:"store",title:(0,a.__)("Product styles","wcspots"),initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"product-settings",tabs:Z},(e=>(0,i.createElement)("div",null,e.content)))),(0,i.createElement)(s.PanelBody,{icon:"marker",title:(0,a.__)("Hotspot general styles","wcspots"),initialOpen:!1},(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Hotspot style","wcspots"),value:W.iconStyle,options:J,onChange:e=>{o({hotspotSettings:{...W,iconStyle:e}})}}),(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,enableAlpha:!0,colorSettings:[{value:W.primaryColor,onChange:e=>{o({hotspotSettings:{...W,primaryColor:e}})},label:(0,a.__)("Primary Color","wcspots")},{value:W.secondaryColor,onChange:e=>{o({hotspotSettings:{...W,secondaryColor:e}})},label:(0,a.__)("Secondary Color","wcspots")}]}),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show product title","wcspots"),checked:W.showTitle,onChange:()=>o({hotspotSettings:{...W,showTitle:!W.showTitle}})}),W.showTitle&&(0,i.createElement)(d.Fragment,null,(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,enableAlpha:!0,colorSettings:[{value:W.titleColor,onChange:e=>{o({hotspotSettings:{...W,titleColor:e}})},label:(0,a.__)("Title Color","wcspots")},{value:W.titleBack,onChange:e=>{o({hotspotSettings:{...W,titleBack:e}})},label:(0,a.__)("Title Background Color","wcspots")}]}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Title size","wcspots"),value:W.titleSize,onChange:e=>{o({hotspotSettings:{...W,titleSize:e}})}})),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset hotspot general styles","wcspots"),onClick:()=>{q(["hotspotSettings"])},className:"wcspots-reset-attributes"})),E&&$&&(0,i.createElement)(d.Fragment,null,(0,i.createElement)(s.PanelBody,{icon:"marker",title:(0,a.__)("Styles per hotspot","wcspots"),initialOpen:!1},(0,i.createElement)(s.CardDivider,{size:"xSmall"}),$.map(((e,t)=>(0,i.createElement)(d.Fragment,{key:e.id},(0,i.createElement)("div",{key:t,style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},(0,i.createElement)(s.PanelBody,{title:e.productTitle?e.productTitle:e.name,initialOpen:!1,className:"hotspot-settings"},(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Hotspot style","wcspots"),value:e.iconStyle,options:J,onChange:n=>{o({hotspots:[...$.slice(0,t),{...e,iconStyle:n},...$.slice(t+1)]})}}),(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,enableAlpha:!0,colorSettings:[{value:e.primaryColor,onChange:n=>{o({hotspots:[...$.slice(0,t),{...e,primaryColor:n},...$.slice(t+1)]})},label:(0,a.__)("Primary Color","wcspots")},{value:e.secondaryColor,onChange:n=>{o({hotspots:[...$.slice(0,t),{...e,secondaryColor:n},...$.slice(t+1)]})},label:(0,a.__)("Secondary Color","wcspots")}]})),(0,i.createElement)(s.IconButton,{icon:"trash",onClick:()=>(e=>{const t=[...$];t.splice(e,1),o({hotspots:t})})(t),label:(0,a.__)("Remove hotspot","wcspots")}))))),$.length>0&&(0,i.createElement)(d.Fragment,null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.Button,{isSecondary:!0,isSmall:!0,onClick:()=>o({hotspots:[]})},(0,a.__)("Remove All Hotspots","wcspots"))),0==$.length&&(0,i.createElement)("p",null,(0,a.__)("Click on image to add hotspots","wcspots"))))),E&&$&&(0,i.createElement)(or,{popoverAtts:G,setAttributes:o,clientId:c}))},ir=window.wp.apiFetch;var ar=n.n(ir);const lr=e=>{const[t,n]=(0,d.useState)(null),[o,r]=(0,d.useState)(!0);return(0,d.useEffect)((()=>{!async function(){try{const t=await ar()({path:`/wc/store/v1/products/${e}?_fields=id,name,short_description,price_html,images,permalink,add_to_cart,type`});n(t),r(!1)}catch(e){console.error(e)}}()}),[e]),{product:t,loading:o}},sr=e=>{let{productId:t}=e;const{product:n,loading:o}=lr(t);if(o)return(0,i.createElement)(s.Spinner,null);if(!n)return(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"));const r=n.images&&n.images.length>0,l=r?n.images[0].srcset:null,c=r?n.images[0].src:null,u="object"==typeof wc?(0,i.createElement)("img",{src:wc?.wcSettings?.PLACEHOLDER_IMG_SRC,alt:n.name}):(0,a.__)("Product has no featured image","wcspots");return l||c?(0,i.createElement)("img",O({},l?{srcSet:l}:{},{src:c,alt:n.name})):(0,i.createElement)("div",null,u)},cr=e=>{let{productId:t}=e;const{product:n,loading:o}=lr(t);return o?(0,i.createElement)("small",null,(0,a.__)("Loading product title...","wcspots")):n?(0,i.createElement)("a",{href:n.permalink},(r=n.name,(l=document.createElement("textarea")).innerHTML=r,l.value)):(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"));var r,l};var ur=n(856),pr=n.n(ur);const dr=e=>{let{productId:t}=e;const{product:n,loading:o}=lr(t),r=pr().sanitize;return o?(0,i.createElement)("small",null,(0,a.__)("Loading product price...","wcspots")):n?(0,i.createElement)("div",{dangerouslySetInnerHTML:{__html:r(n.price_html)}}):(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"))},fr=e=>{let{productId:t}=e;const{product:n,loading:o}=lr(t),r=pr().sanitize;return o?(0,i.createElement)("small",null,(0,a.__)("Loading short description...","wcspots")):n?(0,i.createElement)("div",{dangerouslySetInnerHTML:{__html:r(n.short_description)}}):(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"))},mr=e=>{let{productId:t}=e;const{product:n,loading:o}=lr(t);if(o)return(0,i.createElement)("small",null,(0,a.__)("Loading...","wcspots"));if(!n)return(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"));const{text:r,description:l,url:s}=n.add_to_cart;return(0,i.createElement)(i.Fragment,null,(0,i.createElement)("a",{className:"wp-block-button__link wc-block-components-product-button__button add_to_cart_button ajax_add_to_cart",href:("simple"!==n?.type||!n?.price_html)&&s,title:l,onClick:()=>{"simple"===n?.type&&n?.price_html&&((e,t)=>{e.preventDefault(),(0,it.render)((0,a.__)("Adding...","wcspots"),e.target),ar()({path:"/wc/store/v1/cart/add-item",method:"POST",data:{id:t,quantity:1},headers:{Nonce:window?.wcspotsVars?.nonce}}).then((t=>((0,it.render)((0,a.__)("Product added","wcspots"),e.target),(0,it.render)((0,i.createElement)("a",{href:window.wcspotsVars.cartUrl},(0,a.__)("View Cart","wcspots")),e.target.nextElementSibling),t))).catch((e=>{throw console.log(e),e}))})(event,t)}},r),"simple"===n?.type&&(0,i.createElement)("small",{className:"view-cart"}))},gr=e=>{let{context:t,productId:n,productsLayout:o,productsAlign:r,productPadding:a,productSpacing:l,elementsToggle:s,titleSize:c,priceSize:u,excerptSize:p,addToCartSize:d,productBackColor:f,fontColors:m}=e;const g=0!==n&&("edit"==t||"both"==t),h={backgroundColor:f},v={padding:a,alignItems:r},b={fontSize:c,...m.titleColor&&{color:m.titleColor}},y={fontSize:u,...m.priceColor&&{color:m.priceColor}},E={fontSize:p,...m.excerptColor&&{color:m.excerptColor}},C={transform:`scale(${d})`},w={marginBottom:l};return(0,i.createElement)("div",{className:`wcspots-product align-${r}`,"data-product-id":n,style:h},"layout3"===o&&(0,i.createElement)("div",{className:"overlay",style:{background:f},"aria-hidden":!0}),s.image&&(0,i.createElement)("div",{className:"product-featured-image","data-product-image":n},g&&(0,i.createElement)(sr,{productId:n})),(0,i.createElement)("div",{className:"product-elements",style:v},s.title&&(0,i.createElement)("h4",{className:"product-title product-element","data-product-title":n,style:Object.assign(b,w)},g&&(0,i.createElement)(cr,{productId:n})),s.price&&(0,i.createElement)("div",{className:"product-price product-element","data-product-price":n,style:Object.assign(y,w)},g&&(0,i.createElement)(dr,{productId:n})),s.excerpt&&(0,i.createElement)("div",{className:"product-excerpt product-element","data-product-excerpt":n,style:Object.assign(E,w)},g&&(0,i.createElement)(fr,{productId:n})),s.addToCart&&(0,i.createElement)("div",{className:"product-add-to-cart product-element","data-product-addtocart":n,style:Object.assign(C,w)},g&&(0,i.createElement)(mr,{productId:n}))))},hr=e=>{let{productList:t,columns:n,productsGap:o,context:r,productsLayout:a,productsAlign:l,productPadding:s,productSpacing:c,elementsToggle:u,titleSize:p,priceSize:d,excerptSize:f,addToCartSize:m,productBackColor:g,fontColors:h}=e;const v={gridTemplateColumns:`repeat(${n}, 1fr)`,gap:o};return(0,i.createElement)("div",{style:v,className:`product-grid ${a}`},t.map((e=>(0,i.createElement)(gr,{context:r,key:`product-${r}-${e}`,productId:e,productsLayout:a,productsAlign:l,productPadding:s,productSpacing:c,elementsToggle:u,titleSize:p,priceSize:d,excerptSize:f,addToCartSize:m,productBackColor:g,fontColors:h}))))};var vr=n(106);const br=e=>{const{assocProdId:t,parentElement:n,isEditing:o,popoverAtts:r}=e,[a,l]=(0,i.useState)(!1),{popoverWidth:s,popoverPadding:c,productsLayout:u,productsAlign:p,elementsToggle:d,productSpacing:f,productPadding:m,titleSize:g,priceSize:h,excerptSize:v,addToCartSize:b,productBackColor:y,titleColor:E,priceColor:C,excerptColor:w,roundCorners:S,arrowSize:x}=r,_={width:`clamp(${s.min},${s.val},${s.max})`},O={...S&&{borderRadius:S}},k={borderWidth:x,...y&&{borderColor:y}},T={..."layout3"!==u&&{padding:c},...y&&{backgroundColor:y}},R={margin:f},P={padding:m},I={fontSize:g,...E&&{color:E}},A={fontSize:h,...C&&{color:C}},M={fontSize:v,...w&&{color:w}},N={transform:`scale(${b})`};return(0,i.createElement)(vr.Popover,{parentElement:n,isOpen:a,onClickOutside:()=>l(o),positions:["bottom","top","left","right"],padding:30,reposition:!0,align:"center",containerStyle:_,content:e=>{let{position:n,nudgedLeft:o,nudgedTop:r}=e;return(0,i.createElement)("div",{className:`popover-content ${u}`,style:O},(0,i.createElement)("div",{className:`arrow ${n}`,style:Object.assign(k,{marginLeft:-o,marginTop:-r})}),(0,i.createElement)("div",{className:`wcspots-product align-${p}`,style:T},"layout3"===u&&(0,i.createElement)("div",{className:"overlay",style:{background:y}}),d?.image&&(0,i.createElement)("div",{className:"product-featured-image"},(0,i.createElement)(sr,{productId:t})),(0,i.createElement)("div",{className:"product-elements",style:P},d?.title&&(0,i.createElement)("h4",{className:"product-title product-element",style:Object.assign(I,R)},(0,i.createElement)(cr,{productId:t})),d?.price&&(0,i.createElement)("div",{className:"product-price product-element",style:Object.assign(A,R)},(0,i.createElement)(dr,{productId:t})),d?.excerpt&&(0,i.createElement)("div",{className:"product-excerpt product-element",style:Object.assign(M,R)},(0,i.createElement)(fr,{productId:t})),d?.addToCart&&(0,i.createElement)("div",{className:"product-add-to-cart product-element",style:Object.assign(N,R)},(0,i.createElement)(mr,{productId:t})))))}},(0,i.createElement)("div",{className:"popover-toggler",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"50%",zIndex:"5"},onClick:()=>{l((e=>!e))}}))},yr=e=>{let{hotspot:t,hotspotSettings:n,onDoubleClick:o,onMouseOver:r,onMouseOut:l,clientId:c,hotspots:u,setAttributes:p,context:d,unassignProduct:f,removeHotspot:m,popoverAtts:g,popoverParent:h}=e;const{x:v,y:b,id:y,name:E,productId:C,productTitle:w,assigned:S,iconStyle:x,primaryColor:_,secondaryColor:O,size:k,innerSize:T}=t,R={left:`${v}%`,top:`${b}%`,backgroundColor:_||n.primaryColor,outlineColor:_||n.primaryColor},P={color:n.titleColor,backgroundColor:n.titleBack,fontSize:n.titleSize},I={backgroundColor:O||n.secondaryColor},A=w||("edit"==d?E:null),M=x||n.iconStyle;return(0,i.createElement)("div",{style:R,className:`product-hotspot ${M||"iconstyle-1"}`,"data-product-title":A,"data-product-id":C||"","data-client-id":c},(0,i.createElement)("div",{className:"events-holder",onDoubleClick:()=>o(t),onMouseOver:()=>r(event,t,c),onMouseOut:()=>l(event,t,c)},"edit"===d&&C&&(0,i.createElement)(br,{assocProdId:C,parentElement:h,popoverAtts:g,isEditing:!0})),(0,i.createElement)("div",{className:"inner",style:I}),n.showTitle&&(0,i.createElement)("div",{className:"hotspot-product-title"},(0,i.createElement)("span",{className:"title-text",style:P},A),"edit"==d&&C&&(0,i.createElement)(s.IconButton,{className:"unassign",icon:"remove",onClick:()=>f(u,p,y),label:(0,a.__)("Unassign product","wcspots"),isSmall:!0,"aria-label":(0,a.__)("Unassign product","wcspots")})),"edit"==d&&(0,i.createElement)(s.IconButton,{className:"remove-hotspot",icon:"no",onClick:()=>m(u,p,y),label:(0,a.__)("Remove the hotspot","wcspots"),isSmall:!0,"aria-label":(0,a.__)("Remove the hotspot","wcspots")}))},Er=e=>{const{attributes:t,setAttributes:n,context:o}=e,{title:r,settingsTitleDesc:c}=t;return(0,i.createElement)(i.Fragment,null,"edit"===o&&(0,i.createElement)(i.Fragment,null,(0,i.createElement)(l.BlockControls,null,(0,i.createElement)(s.Toolbar,null,(0,i.createElement)(l.AlignmentControl,{label:(0,a.__)("Align title and description"),value:c.align,onChange:e=>{n({settingsTitleDesc:{...c,align:e}})}}),(0,i.createElement)(s.DropdownMenu,{label:(0,a.__)("Format WCSpots Title","wcspots"),icon:"heading",controls:[{name:"p",title:"Paragraph"},{name:"h2",title:"Heading 2"},{name:"h3",title:"Heading 3"},{name:"h4",title:"Heading 4"},{name:"h5",title:"Heading 5"},{name:"h6",title:"Heading 6"}].map((e=>({title:e.title,onClick:()=>{return t=e.name,void n({settingsTitleDesc:{...c,tagName:t}});var t},isActive:c.tagName===e.name})))})))),"edit"===o?(0,i.createElement)(l.RichText,{tagName:c.tagName,value:r,onChange:e=>{n({title:e})},style:{textAlign:c.align,margin:`${c.spacingTitle} 0`},placeholder:(0,a.__)("Enter your title here","wcspots"),keepPlaceholderOnFocus:!0}):(0,i.createElement)(l.RichText.Content,{tagName:c.tagName,value:r,style:{textAlign:c.align,margin:`${c.spacingTitle} 0`}}))},Cr={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};let wr;const Sr=new Uint8Array(16);function xr(){if(!wr&&(wr="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!wr))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return wr(Sr)}const _r=[];for(let e=0;e<256;++e)_r.push((e+256).toString(16).slice(1));const Or=function(e,t,n){if(Cr.randomUUID&&!t&&!e)return Cr.randomUUID();const o=(e=e||{}).random||(e.rng||xr)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t){n=n||0;for(let e=0;e<16;++e)t[n+e]=o[e];return t}return function(e,t=0){return(_r[e[t+0]]+_r[e[t+1]]+_r[e[t+2]]+_r[e[t+3]]+"-"+_r[e[t+4]]+_r[e[t+5]]+"-"+_r[e[t+6]]+_r[e[t+7]]+"-"+_r[e[t+8]]+_r[e[t+9]]+"-"+_r[e[t+10]]+_r[e[t+11]]+_r[e[t+12]]+_r[e[t+13]]+_r[e[t+14]]+_r[e[t+15]]).toLowerCase()}(o)},kr=(e,t,n)=>{const o=e.target.closest(".wp-block-micemade-wcspots");if(!o)return;const r=o.dataset.block,i=t?.productId,a=o.querySelector(`[data-product-id="${i}"]`);a&&r==n&&a.classList.add("highlighted")},Tr=(e,t,n)=>{const o=e.target.closest(".wp-block-micemade-wcspots");if(!o)return;const r=o.dataset.block,i=t?.productId,a=o.querySelector(`[data-product-id="${i}"]`);a&&r==n&&a.classList.remove("highlighted")},Rr=(e,t,n)=>{const o=e?.map((e=>e.id===n?{...e,productId:null,productTitle:null,assigned:!1}:e));t({hotspots:o})},Pr=(e,t,n)=>{t({hotspots:e.filter((e=>n!==e.id))})},Ir=(e,t,n)=>!(e.length>0&&t&&!confirm("All existing hotspots will be removed - are you sure?")||(n({hotspots:[]}),0));(0,o.registerBlockType)(r.u2,{edit:e=>{let{clientId:t,attributes:n,setAttributes:o}=e;const{id:r,title:c,settingsTitleDesc:p,description:d,productsData:f,media:m,srcSetAtt:g,sizesAtt:h,mediaURL:v,mediaID:b,backImage:y,backimageOpacity:E,isStackedOnMobile:C,flexLayout:w,flexGap:S,flexItemsRatio:x,valign:_,productsLayout:O,productsAlign:k,columns:T,productsGap:R,productSpacing:P,productPadding:I,elementsToggle:A,titleSize:M,priceSize:N,excerptSize:L,addToCartSize:D,productBackColor:z,titleColor:V,priceColor:F,excerptColor:B,hotspots:H,hotspotSettings:j,selectedHotspot:U,selectedProduct:$,editModal:W,popoverAtts:G}=n;(0,i.useEffect)((()=>{0!==r.length&&r===t||o({id:t})}),[]);const[Y,q]=(0,i.useState)();(0,i.useEffect)((()=>{const e=document.getElementsByClassName("editor-styles-wrapper")[0],t=document.querySelector('[name="editor-canvas"]'),n=t?t.contentDocument.getElementsByClassName("editor-styles-wrapper")[0]:null;q(n||e)}),[]);const X=f.map((e=>e.value)),J=(0,l.useBlockProps)({"data-block-id":t,"data-product-ids":JSON.stringify(X),"data-popover-atts":JSON.stringify(G)}),K=f?.map((e=>({label:e.label,value:JSON.stringify([e.value,e.label])}))),Z=[{value:"",label:"Choose one of selected products"}].concat(K),Q={alignItems:(ee=w,"column"==ee.substring(0,6)?"center":_),gap:S,justifyContent:"center"};var ee;const te=u()(w,{"is-stacked-on-mobile ":C}),ne={width:"column"==w.substring(0,6)?`${x}%`:100-x+"%"},oe=u()({"is-stacked-on-mobile ":C}),re=e=>{Ir(H,b,o)&&o({mediaURL:e.url,mediaID:e.id,media:e})},ie=(0,i.createElement)(s.ToolbarGroup,null,(0,i.createElement)(l.MediaUpload,{onSelect:re,onError:e=>{console.error("Media upload error:",e)},allowedTypes:["image"],value:b,render:e=>{let{open:t}=e;return(0,i.createElement)(s.ToolbarButton,{icon:"edit",title:"Replace Image",onClick:t})}}),(0,i.createElement)(s.ToolbarButton,{icon:"no-alt",label:"Remove Image",onClick:()=>{Ir(H,b,o)&&o({mediaURL:null,mediaID:null})}})),ae=(0,a.__)('Pick your products in the sidebar "WooCommerce products" section.',"wcspots");return(0,i.createElement)(i.Fragment,null,(0,i.createElement)(rr,{attributes:n,setAttributes:o,clientId:t}),(0,i.createElement)(l.BlockControls,null,v&&ie),(0,i.createElement)("div",J,"backimage-none"!==y&&v&&(0,i.createElement)("div",{className:"cover-image",style:{backgroundImage:`url(${v})`,opacity:E}}),(0,i.createElement)("div",{className:"prepended"},p.activeTitle&&(0,i.createElement)(Er,{attributes:n,setAttributes:o,context:"edit"}),p.activeDesc&&(0,i.createElement)(l.RichText,{tagName:"p",value:d,onChange:e=>{o({description:e})},style:{textAlign:p.align,margin:`${p.spacingDesc} 0`},placeholder:(0,a.__)("Enter your description here","wcspots"),keepPlaceholderOnFocus:!0})),(0,i.createElement)("div",{className:`${te} flex-container`,style:Q},"image-only"!==w&&(0,i.createElement)("div",{className:`${oe}flex-block products-grid-container`,style:ne},f.length>0&&(0,i.createElement)(hr,{context:"edit",productList:X,columns:f.length<=T?f.length:T,productsGap:R,productsLayout:O,productsAlign:k,productPadding:I,productSpacing:P,elementsToggle:A,titleSize:M,priceSize:N,excerptSize:L,addToCartSize:D,productBackColor:z,fontColors:{titleColor:V,priceColor:F,excerptColor:B}}),0===f.length&&(0,i.createElement)("p",null,ae)),(0,i.createElement)("div",{className:`${oe}flex-block image-container`,style:{width:`${x}%`}},!v&&(0,i.createElement)(l.MediaPlaceholder,{icon:"format-image",onSelect:re,onSelectURL:re,allowedTypes:["image"],labels:{title:(0,a.__)("Add image","wcspots"),instructions:(0,a.__)("Drag & drop or select an image file","wcspots")}}),v&&(0,i.createElement)("img",{className:"hotspot-image",src:v,srcSet:g,sizes:h,alt:(0,a.__)("WCSpots image","wcspots"),onClick:()=>((e,t,n)=>{const o=e.target.getBoundingClientRect(),r={x:(e.clientX-o.left)/o.width*100,y:(e.clientY-o.top)/o.height*100,id:Or(),name:(0,a.__)("Double click on hotspot to assign a product.","wcspots"),productId:null,productTitle:null,assigned:!1,iconStyle:null,primaryColor:null,secondaryColor:null,size:null,innerSize:null},i=t?.concat(r);n({hotspots:i})})(event,H,o)}),H?.length>0&&H.map(((e,n)=>(0,i.createElement)(yr,{key:`hotspot-${e.id}`,hotspot:e,hotspotSettings:j,onDoubleClick:()=>((e,t)=>{t({selectedHotspot:e.id}),t({selectedProduct:null}),t({editModal:!0})})(e,o),onMouseOver:kr,onMouseOut:Tr,clientId:t,unassignProduct:Rr,removeHotspot:Pr,hotspots:H,setAttributes:o,popoverAtts:G,popoverParent:Y,context:"edit"}))),0==H?.length&&v&&(0,i.createElement)("div",{className:"add-some-hotspots"},(0,a.__)("Click on image to add hotspots.","wcspots")))),(0,i.createElement)("div",{className:"appended"})),W&&(0,i.createElement)(s.Modal,{title:(0,a.__)("Assign a product to this hotspot","wcspots"),onRequestClose:()=>o({editModal:!1,selectedHotspot:null})},f.length>0&&(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Products","wcspots"),value:$?JSON.stringify([$.id,$.name]):"",options:Z,onChange:e=>{((e,t,n,o)=>{const[r,i]=JSON.parse(e),a=t?.map((e=>e.id===n?{...e,productId:r,productTitle:i,assigned:!0}:e));o({hotspots:a}),o({selectedProduct:e}),o({selectedHotspot:null}),o({editModal:!1})})(e,H,U,o)}}),0===f.length&&(0,i.createElement)("p",null,ae)))},save:e=>{let{attributes:t}=e;const{id:n,title:o,settingsTitleDesc:r,description:s,productsData:c,media:p,srcSetAtt:d,sizesAtt:f,mediaURL:m,backImage:g,backimageOpacity:h,isStackedOnMobile:v,flexLayout:b,flexGap:y,flexItemsRatio:E,valign:C,productsLayout:w,productsAlign:S,columns:x,productsGap:_,productPadding:O,productSpacing:k,elementsToggle:T,titleSize:R,priceSize:P,excerptSize:I,addToCartSize:A,productBackColor:M,titleColor:N,priceColor:L,excerptColor:D,hotspots:z,hotspotSettings:V,popoverAtts:F}=t,B=c.map((e=>e.value)),H=l.useBlockProps.save({"data-block-id":n,"data-product-ids":JSON.stringify(B),"data-popover-atts":JSON.stringify(F)}),j={alignItems:(U=b,"column"==U.substring(0,6)?"center":C),gap:y,justifyContent:"center"};var U;const $=u()(b,{"is-stacked-on-mobile ":v}),W={width:"column"==b.substring(0,6)?`${E}%`:100-E+"%"},G=u()({"is-stacked-on-mobile ":v});return(0,i.createElement)(i.Fragment,null,(0,i.createElement)("div",H,"backimage-none"!==g&&m&&(0,i.createElement)("div",{className:"cover-image",style:{backgroundImage:`url(${m})`,opacity:h}}),o&&r.activeTitle&&(0,i.createElement)(Er,{attributes:t}),r.activeDesc&&(0,i.createElement)(l.RichText.Content,{tagName:"p",value:s,style:{textAlign:r.align,margin:`${r.spacingDesc} 0`}}),(0,i.createElement)("div",{className:`${$} flex-container`,style:j},"image-only"!==b&&(0,i.createElement)("div",{className:`${G}flex-block products-grid-container`,style:W},(0,i.createElement)(hr,{context:"save",productList:B,columns:c.length<=x?c.length:x,productsGap:_,productsLayout:w,productsAlign:S,productPadding:O,productSpacing:k,elementsToggle:T,titleSize:R,priceSize:P,excerptSize:I,addToCartSize:A,productBackColor:M,fontColors:{titleColor:N,priceColor:L,excerptColor:D}})),m&&(0,i.createElement)("div",{className:`${G}flex-block image-container`,style:{width:`${E}%`}},(0,i.createElement)("img",{className:"hotspot-image",src:m,srcSet:d,sizes:f,alt:(0,a.__)("Lookbook image","wcspots")}),z?.length>0&&z.filter((e=>!!e.productId)).map(((e,t)=>(0,i.createElement)(yr,{key:`hotspot-${t}`,hotspot:e,hotspotSettings:V,clientId:n})))))))}})},184:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=r.apply(null,n);a&&e.push(a)}}else if("object"===i){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var l in n)o.call(n,l)&&n[l]&&e.push(l)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},856:function(e){e.exports=function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,n){return t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(e,n)}function n(e,o,r){return n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct:function(e,n,o){var r=[null];r.push.apply(r,n);var i=new(Function.bind.apply(e,r));return o&&t(i,o.prototype),i},n.apply(null,arguments)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i=[],_n=!0,a=!1;try{for(n=n.call(e);!(_n=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);_n=!0);}catch(e){a=!0,r=e}finally{try{_n||null==n.return||n.return()}finally{if(a)throw r}}return i}}(e,t)||i(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var l=Object.entries,s=Object.setPrototypeOf,c=Object.isFrozen,u=Object.getPrototypeOf,p=Object.getOwnPropertyDescriptor,d=Object.freeze,f=Object.seal,m=Object.create,g="undefined"!=typeof Reflect&&Reflect,h=g.apply,v=g.construct;h||(h=function(e,t,n){return e.apply(t,n)}),d||(d=function(e){return e}),f||(f=function(e){return e}),v||(v=function(e,t){return n(e,r(t))});var b,y=P(Array.prototype.forEach),E=P(Array.prototype.pop),C=P(Array.prototype.push),w=P(String.prototype.toLowerCase),S=P(String.prototype.toString),x=P(String.prototype.match),_=P(String.prototype.replace),O=P(String.prototype.indexOf),k=P(String.prototype.trim),T=P(RegExp.prototype.test),R=(b=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return v(b,t)});function P(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return h(e,t,o)}}function I(e,t,n){n=n||w,s&&s(e,null);for(var o=t.length;o--;){var r=t[o];if("string"==typeof r){var i=n(r);i!==r&&(c(t)||(t[o]=i),r=i)}e[r]=!0}return e}function A(e){var t,n=m(null),r=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=i(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw a}}}}(l(e));try{for(r.s();!(t=r.n()).done;){var a=o(t.value,2),s=a[0],c=a[1];n[s]=c}}catch(e){r.e(e)}finally{r.f()}return n}function M(e,t){for(;null!==e;){var n=p(e,t);if(n){if(n.get)return P(n.get);if("function"==typeof n.value)return P(n.value)}e=u(e)}return function(e){return console.warn("fallback value for",e),null}}var N=d(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),L=d(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),D=d(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),z=d(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),V=d(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),F=d(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),B=d(["#text"]),H=d(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),j=d(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),U=d(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),$=d(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),W=f(/\{\{[\w\W]*|[\w\W]*\}\}/gm),G=f(/<%[\w\W]*|[\w\W]*%>/gm),Y=f(/\${[\w\W]*}/gm),q=f(/^data-[\-\w.\u00B7-\uFFFF]/),X=f(/^aria-[\-\w]+$/),J=f(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),K=f(/^(?:\w+script|data):/i),Z=f(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Q=f(/^html$/i),ee=function(){return"undefined"==typeof window?null:window},te=function(t,n){if("object"!==e(t)||"function"!=typeof t.createPolicy)return null;var o=null,r="data-tt-policy-suffix";n.currentScript&&n.currentScript.hasAttribute(r)&&(o=n.currentScript.getAttribute(r));var i="dompurify"+(o?"#"+o:"");try{return t.createPolicy(i,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};return function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(),o=function(e){return t(e)};if(o.version="3.0.1",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;var i=n.document,a=n.document,s=n.DocumentFragment,c=n.HTMLTemplateElement,u=n.Node,p=n.Element,f=n.NodeFilter,m=n.NamedNodeMap,g=void 0===m?n.NamedNodeMap||n.MozNamedAttrMap:m,h=n.HTMLFormElement,v=n.DOMParser,b=n.trustedTypes,P=p.prototype,ne=M(P,"cloneNode"),oe=M(P,"nextSibling"),re=M(P,"childNodes"),ie=M(P,"parentNode");if("function"==typeof c){var ae=a.createElement("template");ae.content&&ae.content.ownerDocument&&(a=ae.content.ownerDocument)}var le=te(b,i),se=le?le.createHTML(""):"",ce=a,ue=ce.implementation,pe=ce.createNodeIterator,de=ce.createDocumentFragment,fe=ce.getElementsByTagName,me=i.importNode,ge={};o.isSupported="function"==typeof l&&"function"==typeof ie&&ue&&void 0!==ue.createHTMLDocument;var he,ve,be=W,ye=G,Ee=Y,Ce=q,we=X,Se=K,xe=Z,_e=J,Oe=null,ke=I({},[].concat(r(N),r(L),r(D),r(V),r(B))),Te=null,Re=I({},[].concat(r(H),r(j),r(U),r($))),Pe=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ie=null,Ae=null,Me=!0,Ne=!0,Le=!1,De=!0,ze=!1,Ve=!1,Fe=!1,Be=!1,He=!1,je=!1,Ue=!1,$e=!0,We=!1,Ge=!0,Ye=!1,qe={},Xe=null,Je=I({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ke=null,Ze=I({},["audio","video","img","source","image","track"]),Qe=null,et=I({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),tt="http://www.w3.org/1998/Math/MathML",nt="http://www.w3.org/2000/svg",ot="http://www.w3.org/1999/xhtml",rt=ot,it=!1,at=null,lt=I({},[tt,nt,ot],S),st=["application/xhtml+xml","text/html"],ct=null,ut=a.createElement("form"),pt=function(e){return e instanceof RegExp||e instanceof Function},dt=function(t){ct&&ct===t||(t&&"object"===e(t)||(t={}),t=A(t),he=he=-1===st.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,ve="application/xhtml+xml"===he?S:w,Oe="ALLOWED_TAGS"in t?I({},t.ALLOWED_TAGS,ve):ke,Te="ALLOWED_ATTR"in t?I({},t.ALLOWED_ATTR,ve):Re,at="ALLOWED_NAMESPACES"in t?I({},t.ALLOWED_NAMESPACES,S):lt,Qe="ADD_URI_SAFE_ATTR"in t?I(A(et),t.ADD_URI_SAFE_ATTR,ve):et,Ke="ADD_DATA_URI_TAGS"in t?I(A(Ze),t.ADD_DATA_URI_TAGS,ve):Ze,Xe="FORBID_CONTENTS"in t?I({},t.FORBID_CONTENTS,ve):Je,Ie="FORBID_TAGS"in t?I({},t.FORBID_TAGS,ve):{},Ae="FORBID_ATTR"in t?I({},t.FORBID_ATTR,ve):{},qe="USE_PROFILES"in t&&t.USE_PROFILES,Me=!1!==t.ALLOW_ARIA_ATTR,Ne=!1!==t.ALLOW_DATA_ATTR,Le=t.ALLOW_UNKNOWN_PROTOCOLS||!1,De=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,ze=t.SAFE_FOR_TEMPLATES||!1,Ve=t.WHOLE_DOCUMENT||!1,He=t.RETURN_DOM||!1,je=t.RETURN_DOM_FRAGMENT||!1,Ue=t.RETURN_TRUSTED_TYPE||!1,Be=t.FORCE_BODY||!1,$e=!1!==t.SANITIZE_DOM,We=t.SANITIZE_NAMED_PROPS||!1,Ge=!1!==t.KEEP_CONTENT,Ye=t.IN_PLACE||!1,_e=t.ALLOWED_URI_REGEXP||_e,rt=t.NAMESPACE||ot,Pe=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&pt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Pe.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&pt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Pe.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Pe.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ze&&(Ne=!1),je&&(He=!0),qe&&(Oe=I({},r(B)),Te=[],!0===qe.html&&(I(Oe,N),I(Te,H)),!0===qe.svg&&(I(Oe,L),I(Te,j),I(Te,$)),!0===qe.svgFilters&&(I(Oe,D),I(Te,j),I(Te,$)),!0===qe.mathMl&&(I(Oe,V),I(Te,U),I(Te,$))),t.ADD_TAGS&&(Oe===ke&&(Oe=A(Oe)),I(Oe,t.ADD_TAGS,ve)),t.ADD_ATTR&&(Te===Re&&(Te=A(Te)),I(Te,t.ADD_ATTR,ve)),t.ADD_URI_SAFE_ATTR&&I(Qe,t.ADD_URI_SAFE_ATTR,ve),t.FORBID_CONTENTS&&(Xe===Je&&(Xe=A(Xe)),I(Xe,t.FORBID_CONTENTS,ve)),Ge&&(Oe["#text"]=!0),Ve&&I(Oe,["html","head","body"]),Oe.table&&(I(Oe,["tbody"]),delete Ie.tbody),d&&d(t),ct=t)},ft=I({},["mi","mo","mn","ms","mtext"]),mt=I({},["foreignobject","desc","title","annotation-xml"]),gt=I({},["title","style","font","a","script"]),ht=I({},L);I(ht,D),I(ht,z);var vt=I({},V);I(vt,F);var bt=function(e){C(o.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},yt=function(e,t){try{C(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){C(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Te[e])if(He||je)try{bt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Et=function(e){var t,n;if(Be)e="<remove></remove>"+e;else{var o=x(e,/^[\r\n\t ]+/);n=o&&o[0]}"application/xhtml+xml"===he&&rt===ot&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var r=le?le.createHTML(e):e;if(rt===ot)try{t=(new v).parseFromString(r,he)}catch(e){}if(!t||!t.documentElement){t=ue.createDocument(rt,"template",null);try{t.documentElement.innerHTML=it?se:r}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(a.createTextNode(n),i.childNodes[0]||null),rt===ot?fe.call(t,Ve?"html":"body")[0]:Ve?t.documentElement:i},Ct=function(e){return pe.call(e.ownerDocument||e,e,f.SHOW_ELEMENT|f.SHOW_COMMENT|f.SHOW_TEXT,null,!1)},wt=function(t){return"object"===e(u)?t instanceof u:t&&"object"===e(t)&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},St=function(e,t,n){ge[e]&&y(ge[e],(function(e){e.call(o,t,n,ct)}))},xt=function(e){var t,n;if(St("beforeSanitizeElements",e,null),(n=e)instanceof h&&("string"!=typeof n.nodeName||"string"!=typeof n.textContent||"function"!=typeof n.removeChild||!(n.attributes instanceof g)||"function"!=typeof n.removeAttribute||"function"!=typeof n.setAttribute||"string"!=typeof n.namespaceURI||"function"!=typeof n.insertBefore||"function"!=typeof n.hasChildNodes))return bt(e),!0;var r=ve(e.nodeName);if(St("uponSanitizeElement",e,{tagName:r,allowedTags:Oe}),e.hasChildNodes()&&!wt(e.firstElementChild)&&(!wt(e.content)||!wt(e.content.firstElementChild))&&T(/<[/\w]/g,e.innerHTML)&&T(/<[/\w]/g,e.textContent))return bt(e),!0;if(!Oe[r]||Ie[r]){if(!Ie[r]&&Ot(r)){if(Pe.tagNameCheck instanceof RegExp&&T(Pe.tagNameCheck,r))return!1;if(Pe.tagNameCheck instanceof Function&&Pe.tagNameCheck(r))return!1}if(Ge&&!Xe[r]){var i=ie(e)||e.parentNode,a=re(e)||e.childNodes;if(a&&i)for(var l=a.length-1;l>=0;--l)i.insertBefore(ne(a[l],!0),oe(e))}return bt(e),!0}return e instanceof p&&!function(e){var t=ie(e);t&&t.tagName||(t={namespaceURI:rt,tagName:"template"});var n=w(e.tagName),o=w(t.tagName);return!!at[e.namespaceURI]&&(e.namespaceURI===nt?t.namespaceURI===ot?"svg"===n:t.namespaceURI===tt?"svg"===n&&("annotation-xml"===o||ft[o]):Boolean(ht[n]):e.namespaceURI===tt?t.namespaceURI===ot?"math"===n:t.namespaceURI===nt?"math"===n&&mt[o]:Boolean(vt[n]):e.namespaceURI===ot?!(t.namespaceURI===nt&&!mt[o])&&!(t.namespaceURI===tt&&!ft[o])&&!vt[n]&&(gt[n]||!ht[n]):!("application/xhtml+xml"!==he||!at[e.namespaceURI]))}(e)?(bt(e),!0):"noscript"!==r&&"noembed"!==r||!T(/<\/no(script|embed)/i,e.innerHTML)?(ze&&3===e.nodeType&&(t=e.textContent,t=_(t,be," "),t=_(t,ye," "),t=_(t,Ee," "),e.textContent!==t&&(C(o.removed,{element:e.cloneNode()}),e.textContent=t)),St("afterSanitizeElements",e,null),!1):(bt(e),!0)},_t=function(e,t,n){if($e&&("id"===t||"name"===t)&&(n in a||n in ut))return!1;if(Ne&&!Ae[t]&&T(Ce,t));else if(Me&&T(we,t));else if(!Te[t]||Ae[t]){if(!(Ot(e)&&(Pe.tagNameCheck instanceof RegExp&&T(Pe.tagNameCheck,e)||Pe.tagNameCheck instanceof Function&&Pe.tagNameCheck(e))&&(Pe.attributeNameCheck instanceof RegExp&&T(Pe.attributeNameCheck,t)||Pe.attributeNameCheck instanceof Function&&Pe.attributeNameCheck(t))||"is"===t&&Pe.allowCustomizedBuiltInElements&&(Pe.tagNameCheck instanceof RegExp&&T(Pe.tagNameCheck,n)||Pe.tagNameCheck instanceof Function&&Pe.tagNameCheck(n))))return!1}else if(Qe[t]);else if(T(_e,_(n,xe,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==O(n,"data:")||!Ke[e])if(Le&&!T(Se,_(n,xe,"")));else if(n)return!1;return!0},Ot=function(e){return e.indexOf("-")>0},kt=function(t){var n,r,i,a;St("beforeSanitizeAttributes",t,null);var l=t.attributes;if(l){var s={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Te};for(a=l.length;a--;){var c=n=l[a],u=c.name,p=c.namespaceURI;if(r="value"===u?n.value:k(n.value),i=ve(u),s.attrName=i,s.attrValue=r,s.keepAttr=!0,s.forceKeepAttr=void 0,St("uponSanitizeAttribute",t,s),r=s.attrValue,!s.forceKeepAttr&&(yt(u,t),s.keepAttr))if(De||!T(/\/>/i,r)){ze&&(r=_(r,be," "),r=_(r,ye," "),r=_(r,Ee," "));var d=ve(t.nodeName);if(_t(d,i,r)){if(!We||"id"!==i&&"name"!==i||(yt(u,t),r="user-content-"+r),le&&"object"===e(b)&&"function"==typeof b.getAttributeType)if(p);else switch(b.getAttributeType(d,i)){case"TrustedHTML":r=le.createHTML(r);break;case"TrustedScriptURL":r=le.createScriptURL(r)}try{p?t.setAttributeNS(p,u,r):t.setAttribute(u,r),E(o.removed)}catch(e){}}}else yt(u,t)}St("afterSanitizeAttributes",t,null)}},Tt=function e(t){var n,o=Ct(t);for(St("beforeSanitizeShadowDOM",t,null);n=o.nextNode();)St("uponSanitizeShadowNode",n,null),xt(n)||(n.content instanceof s&&e(n.content),kt(n));St("afterSanitizeShadowDOM",t,null)};return o.sanitize=function(e){var t,n,r,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if((it=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!wt(e)){if("function"!=typeof e.toString)throw R("toString is not a function");if("string"!=typeof(e=e.toString()))throw R("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Fe||dt(l),o.removed=[],"string"==typeof e&&(Ye=!1),Ye){if(e.nodeName){var c=ve(e.nodeName);if(!Oe[c]||Ie[c])throw R("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof u)1===(n=(t=Et("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===n.nodeName||"HTML"===n.nodeName?t=n:t.appendChild(n);else{if(!He&&!ze&&!Ve&&-1===e.indexOf("<"))return le&&Ue?le.createHTML(e):e;if(!(t=Et(e)))return He?null:Ue?se:""}t&&Be&&bt(t.firstChild);for(var p=Ct(Ye?e:t);r=p.nextNode();)xt(r)||(r.content instanceof s&&Tt(r.content),kt(r));if(Ye)return e;if(He){if(je)for(a=de.call(t.ownerDocument);t.firstChild;)a.appendChild(t.firstChild);else a=t;return(Te.shadowroot||Te.shadowrootmod)&&(a=me.call(i,a,!0)),a}var d=Ve?t.outerHTML:t.innerHTML;return Ve&&Oe["!doctype"]&&t.ownerDocument&&t.ownerDocument.doctype&&t.ownerDocument.doctype.name&&T(Q,t.ownerDocument.doctype.name)&&(d="<!DOCTYPE "+t.ownerDocument.doctype.name+">\n"+d),ze&&(d=_(d,be," "),d=_(d,ye," "),d=_(d,Ee," ")),le&&Ue?le.createHTML(d):d},o.setConfig=function(e){dt(e),Fe=!0},o.clearConfig=function(){ct=null,Fe=!1},o.isValidAttribute=function(e,t,n){ct||dt({});var o=ve(e),r=ve(t);return _t(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&(ge[e]=ge[e]||[],C(ge[e],t))},o.removeHook=function(e){if(ge[e])return E(ge[e])},o.removeHooks=function(e){ge[e]&&(ge[e]=[])},o.removeAllHooks=function(){ge={}},o}()}()},679:(e,t,n)=>{"use strict";var o=n(296),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return o.isMemo(e)?a:l[e.$$typeof]||r}l[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[o.Memo]=a;var c=Object.defineProperty,u=Object.getOwnPropertyNames,p=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,o){if("string"!=typeof n){if(m){var r=f(n);r&&r!==m&&e(t,r,o)}var a=u(n);p&&(a=a.concat(p(n)));for(var l=s(t),g=s(n),h=0;h<a.length;++h){var v=a[h];if(!(i[v]||o&&o[v]||g&&g[v]||l&&l[v])){var b=d(n,v);try{c(t,v,b)}catch(e){}}}}return t}},103:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,o=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,p=n?Symbol.for("react.concurrent_mode"):60111,d=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,v=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,E=n?Symbol.for("react.scope"):60119;function C(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case u:case p:case i:case l:case a:case f:return e;default:switch(e=e&&e.$$typeof){case c:case d:case h:case g:case s:return e;default:return t}}case r:return t}}}function w(e){return C(e)===p}t.AsyncMode=u,t.ConcurrentMode=p,t.ContextConsumer=c,t.ContextProvider=s,t.Element=o,t.ForwardRef=d,t.Fragment=i,t.Lazy=h,t.Memo=g,t.Portal=r,t.Profiler=l,t.StrictMode=a,t.Suspense=f,t.isAsyncMode=function(e){return w(e)||C(e)===u},t.isConcurrentMode=w,t.isContextConsumer=function(e){return C(e)===c},t.isContextProvider=function(e){return C(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return C(e)===d},t.isFragment=function(e){return C(e)===i},t.isLazy=function(e){return C(e)===h},t.isMemo=function(e){return C(e)===g},t.isPortal=function(e){return C(e)===r},t.isProfiler=function(e){return C(e)===l},t.isStrictMode=function(e){return C(e)===a},t.isSuspense=function(e){return C(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===p||e===l||e===a||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===g||e.$$typeof===s||e.$$typeof===c||e.$$typeof===d||e.$$typeof===b||e.$$typeof===y||e.$$typeof===E||e.$$typeof===v)},t.typeOf=C},296:(e,t,n)=>{"use strict";e.exports=n(103)},841:function(e,t,n){"use strict";var o=this&&this.__assign||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.defineProperty(t,"__esModule",{value:!0}),t.ArrowContainer=void 0;var r=n(893),i=n(196),a=n(512);t.ArrowContainer=function(e){var t=e.childRect,n=e.popoverRect,l=e.position,s=e.arrowColor,c=e.arrowSize,u=e.arrowClassName,p=e.arrowStyle,d=e.className,f=e.children,m=e.style,g=a.useArrowContainer({childRect:t,popoverRect:n,position:l,arrowColor:s,arrowSize:c}),h=g.arrowContainerStyle,v=g.arrowStyle,b=i.useMemo((function(){return o(o({},h),m)}),[h,m]),y=i.useMemo((function(){return o(o({},v),p)}),[v,p]);return r.jsxs("div",o({className:d,style:b},{children:[r.jsx("div",{style:y,className:u},void 0),f]}),void 0)}},106:function(e,t,n){"use strict";var o=this&&this.__assign||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.defineProperty(t,"__esModule",{value:!0}),t.Popover=t.usePopover=t.ArrowContainer=t.useArrowContainer=void 0;var r=n(893),i=n(196),a=n(114),l=n(319),s=n(101);Object.defineProperty(t,"usePopover",{enumerable:!0,get:function(){return s.usePopover}});var c=n(444),u=n(512);Object.defineProperty(t,"useArrowContainer",{enumerable:!0,get:function(){return u.useArrowContainer}});var p=n(841);Object.defineProperty(t,"ArrowContainer",{enumerable:!0,get:function(){return p.ArrowContainer}});var d=["top","left","right","bottom"],f=i.forwardRef((function(e,t){var n=e.isOpen,u=e.children,p=e.content,f=e.positions,m=void 0===f?d:f,g=e.align,h=void 0===g?"center":g,v=e.padding,b=void 0===v?0:v,y=e.reposition,E=void 0===y||y,C=e.parentElement,w=void 0===C?window.document.body:C,S=e.boundaryElement,x=void 0===S?w:S,_=e.containerClassName,O=void 0===_?"react-tiny-popover-container":_,k=e.containerStyle,T=e.contentLocation,R=e.boundaryInset,P=void 0===R?0:R,I=e.onClickOutside,A=e.clickOutsideCapture,M=void 0!==A&&A,N=c.useMemoizedArray(m),L=i.useRef(!1),D=i.useRef(),z=i.useRef(),V=i.useRef(E),F=i.useRef(),B=i.useState({align:h,nudgedLeft:0,nudgedTop:0,position:N[0],padding:b,childRect:l.EMPTY_CLIENT_RECT,popoverRect:l.EMPTY_CLIENT_RECT,parentRect:l.EMPTY_CLIENT_RECT,boundaryRect:l.EMPTY_CLIENT_RECT,boundaryInset:P,violations:l.EMPTY_CLIENT_RECT,hasViolations:!1}),H=B[0],j=B[1],U=i.useCallback((function(e){return j(e)}),[]),$=s.usePopover({isOpen:n,childRef:F,containerClassName:O,parentElement:w,boundaryElement:x,contentLocation:T,positions:N,align:h,padding:b,boundaryInset:P,reposition:E,onPositionPopover:U}),W=$.positionPopover,G=$.popoverRef,Y=$.scoutRef;i.useLayoutEffect((function(){var e=!0,t=function(){var o,r;if(n&&e){var i=null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.getBoundingClientRect(),a=null===(r=null==G?void 0:G.current)||void 0===r?void 0:r.getBoundingClientRect();null==i||null==a||l.rectsAreEqual(i,{top:H.childRect.top,left:H.childRect.left,width:H.childRect.width,height:H.childRect.height,bottom:H.childRect.top+H.childRect.height,right:H.childRect.left+H.childRect.width})&&a.width===H.popoverRect.width&&a.height===H.popoverRect.height&&H.padding===b&&H.align===h&&N===D.current&&T===z.current&&E===V.current||W(),N!==D.current&&(D.current=N),T!==z.current&&(z.current=T),E!==V.current&&(V.current=E),e&&window.requestAnimationFrame(t)}L.current=n};return window.requestAnimationFrame(t),function(){e=!1}}),[h,T,n,b,G,H.align,H.childRect.height,H.childRect.left,H.childRect.top,H.childRect.width,H.padding,H.popoverRect.height,H.popoverRect.width,W,N,E]),i.useEffect((function(){var e=G.current;return Object.assign(e.style,k),function(){Object.keys(null!=k?k:{}).forEach((function(t){return delete e.style[t]}))}}),[k,n,G]);var q=i.useCallback((function(e){var t,o;!n||(null===(t=G.current)||void 0===t?void 0:t.contains(e.target))||(null===(o=F.current)||void 0===o?void 0:o.contains(e.target))||null==I||I(e)}),[n,I,G]),X=i.useCallback((function(){F.current&&window.requestAnimationFrame((function(){return W()}))}),[W]);i.useEffect((function(){var e=w.ownerDocument.body;return e.addEventListener("click",q,M),e.addEventListener("contextmenu",q,M),e.addEventListener("resize",X),function(){e.removeEventListener("click",q,M),e.removeEventListener("contextmenu",q,M),e.removeEventListener("resize",X)}}),[M,q,X,w]);var J=i.useCallback((function(e){F.current=e,null!=t&&("object"==typeof t?t.current=e:"function"==typeof t&&t(e))}),[t]);return r.jsxs(r.Fragment,{children:[i.cloneElement(u,{ref:J}),n?r.jsx(a.PopoverPortal,o({element:G.current,scoutElement:Y.current,container:w},{children:"function"==typeof p?p(H):p}),void 0):null]},void 0)}));t.Popover=i.forwardRef((function(e,t){return"undefined"==typeof window?e.children:r.jsx(f,o({},e,{ref:t}),void 0)}))},114:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PopoverPortal=void 0;var o=n(196),r=n(850);t.PopoverPortal=function(e){var t=e.container,n=e.element,i=e.scoutElement,a=e.children;return o.useLayoutEffect((function(){return t.appendChild(n),t.appendChild(i),function(){t.removeChild(n),t.removeChild(i)}}),[t,n,i]),r.createPortal(a,n)}},512:function(e,t,n){"use strict";var o=this&&this.__assign||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.defineProperty(t,"__esModule",{value:!0}),t.useArrowContainer=void 0;var r=n(196);t.useArrowContainer=function(e){var t=e.childRect,n=e.popoverRect,i=e.position,a=e.arrowSize,l=e.arrowColor;return{arrowContainerStyle:r.useMemo((function(){return{padding:a}}),[a]),arrowStyle:r.useMemo((function(){return o({position:"absolute"},function(){var e=2*a,o=t.top-n.top+t.height/2-e/2,r=t.left-n.left+t.width/2-e/2,s=a,c=n.width-a,u=n.height-a;switch(r=(r=r<s?s:r)+e>c?c-e:r,o=(o=o<s?s:o)+e>u?u-e:o,o=Number.isNaN(o)?0:o,r=Number.isNaN(r)?0:r,i){case"right":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderRight:a+"px solid "+l,left:0,top:o};case"left":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderLeft:a+"px solid "+l,right:0,top:o};case"bottom":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderBottom:a+"px solid "+l,top:0,left:r};case"top":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderTop:a+"px solid "+l,bottom:0,left:r};default:return{display:"hidden"}}}())}),[l,a,t.height,t.left,t.top,t.width,n.height,n.left,n.top,n.width,i])}}},423:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useElementRef=void 0;var o=n(196),r=n(319);t.useElementRef=function(e,t){var n=o.useRef(),i=o.useMemo((function(){return r.createContainer(t,e)}),[e,t]);return n.current=i,n}},444:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMemoizedArray=void 0;var o=n(196);t.useMemoizedArray=function(e){var t=o.useRef(e);return o.useMemo((function(){if(t.current===e)return t.current;if(t.current.length!==e.length)return t.current=e,e;for(var n=0;n<e.length;n+=1)if(e[n]!==t.current[n])return t.current=e,e;return t.current}),[e])}},101:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePopover=void 0;var o=n(196),r=n(319),i=n(423),a={position:"fixed",overflow:"visible",top:"0px",left:"0px"},l={position:"fixed",top:"0px",left:"0px",width:"0px",height:"0px",visibility:"hidden"};t.usePopover=function(e){var t=e.isOpen,n=e.childRef,s=e.positions,c=e.containerClassName,u=e.parentElement,p=e.contentLocation,d=e.align,f=e.padding,m=e.reposition,g=e.boundaryInset,h=e.boundaryElement,v=e.onPositionPopover,b=i.useElementRef(c,a),y=i.useElementRef("react-tiny-popover-scout",l),E=o.useCallback((function(e){var o,i,a=void 0===e?{}:e,l=a.positionIndex,c=void 0===l?0:l,C=a.parentRect,w=void 0===C?u.getBoundingClientRect():C,S=a.childRect,x=void 0===S?null===(o=null==n?void 0:n.current)||void 0===o?void 0:o.getBoundingClientRect():S,_=a.scoutRect,O=void 0===_?null===(i=null==y?void 0:y.current)||void 0===i?void 0:i.getBoundingClientRect():_,k=a.popoverRect,T=void 0===k?b.current.getBoundingClientRect():k,R=a.boundaryRect,P=void 0===R?h===u?w:h.getBoundingClientRect():R;if(x&&w&&t){if(p){var I="function"==typeof p?p({childRect:x,popoverRect:T,parentRect:w,boundaryRect:P,padding:f,nudgedTop:0,nudgedLeft:0,boundaryInset:g,violations:r.EMPTY_CLIENT_RECT,hasViolations:!1}):p,A=I.top,M=I.left,N=Math.round(w.left+M-O.left),L=Math.round(w.top+A-O.top);return b.current.style.transform="translate("+N+"px, "+L+"px)",void v({childRect:x,popoverRect:T,parentRect:w,boundaryRect:P,padding:f,nudgedTop:0,nudgedLeft:0,boundaryInset:g,violations:r.EMPTY_CLIENT_RECT,hasViolations:!1})}var D=c===s.length,z=D?s[0]:s[c],V=r.getNewPopoverRect({childRect:x,popoverRect:T,boundaryRect:P,position:z,align:d,padding:f,reposition:m},g),F=V.rect;if(V.boundaryViolation&&m&&!D)E({positionIndex:c+1,childRect:x,popoverRect:T,parentRect:w,boundaryRect:P});else{var B=F.top,H=F.left,j=F.width,U=F.height,$=m&&!D,W=r.getNudgedPopoverRect(F,P,g),G=W.left,Y=W.top,q=B,X=H;$&&(q=Y,X=G),q=Math.round(q-O.top),X=Math.round(X-O.left),b.current.style.transform="translate("+X+"px, "+q+"px)";var J={top:P.top+g-q,left:P.left+g-X,right:X+j-P.right+g,bottom:q+U-P.bottom+g};v({childRect:x,popoverRect:{top:q,left:X,width:j,height:U,right:X+j,bottom:q+U},parentRect:w,boundaryRect:P,position:z,align:d,padding:f,nudgedTop:Y-B,nudgedLeft:G-H,boundaryInset:g,violations:{top:J.top<=0?0:J.top,left:J.left<=0?0:J.left,right:J.right<=0?0:J.right,bottom:J.bottom<=0?0:J.bottom},hasViolations:J.top>0||J.left>0||J.right>0||J.bottom>0})}}}),[u,n,y,b,h,t,p,s,d,f,m,g,v]);return{positionPopover:E,popoverRef:b,scoutRef:y}}},319:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getNudgedPopoverRect=t.getNewPopoverRect=t.popoverRectForPosition=t.createContainer=t.rectsAreEqual=t.EMPTY_CLIENT_RECT=void 0,t.EMPTY_CLIENT_RECT={top:0,left:0,bottom:0,height:0,right:0,width:0},t.rectsAreEqual=function(e,t){return e===t||(null==e?void 0:e.bottom)===(null==t?void 0:t.bottom)&&(null==e?void 0:e.height)===(null==t?void 0:t.height)&&(null==e?void 0:e.left)===(null==t?void 0:t.left)&&(null==e?void 0:e.right)===(null==t?void 0:t.right)&&(null==e?void 0:e.top)===(null==t?void 0:t.top)&&(null==e?void 0:e.width)===(null==t?void 0:t.width)},t.createContainer=function(e,t){var n=window.document.createElement("div");return t&&(n.className=t),Object.assign(n.style,e),n},t.popoverRectForPosition=function(e,t,n,o,r){var i,a,l=t.left+t.width/2,s=t.top+t.height/2,c=n.width,u=n.height;switch(e){case"left":i=s-u/2,a=t.left-o-c,"start"===r&&(i=t.top),"end"===r&&(i=t.bottom-u);break;case"bottom":i=t.bottom+o,a=l-c/2,"start"===r&&(a=t.left),"end"===r&&(a=t.right-c);break;case"right":i=s-u/2,a=t.right+o,"start"===r&&(i=t.top),"end"===r&&(i=t.bottom-u);break;default:i=t.top-u-o,a=l-c/2,"start"===r&&(a=t.left),"end"===r&&(a=t.right-c)}return{top:i,left:a,width:c,height:u,right:a+c,bottom:i+u}},t.getNewPopoverRect=function(e,n){var o=e.position,r=e.align,i=e.childRect,a=e.popoverRect,l=e.boundaryRect,s=e.padding,c=e.reposition,u=t.popoverRectForPosition(o,i,a,s,r);return{rect:u,boundaryViolation:c&&("top"===o&&u.top<l.top+n||"left"===o&&u.left<l.left+n||"right"===o&&u.right>l.right-n||"bottom"===o&&u.bottom>l.bottom-n)}},t.getNudgedPopoverRect=function(e,t,n){var o=t.top+n,r=t.left+n,i=t.right-n,a=t.bottom-n,l=e.top<o?o:e.top;l=l+e.height>a?a-e.height:l;var s=e.left<r?r:e.left;return{top:l,left:s=s+e.width>i?i-e.width:s,width:e.width,height:e.height,right:s+e.width,bottom:l+e.height}}},251:(e,t,n)=>{"use strict";var o=n(196),r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var o,i={},c=null,u=null;for(o in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:r,type:e,key:c,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},893:(e,t,n)=>{"use strict";e.exports=n(251)},21:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_1.7ed980f5.png"},959:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_2.f0f2e951.png"},209:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_3.af9a2e35.png"},531:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_1.2b4edf6a.png"},829:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_2.b7b471cb.png"},924:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_3.3dfdf716.png"},196:e=>{"use strict";e.exports=window.React},850:e=>{"use strict";e.exports=window.ReactDOM}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e].call(i.exports,i,i.exports,o),i.exports}o.m=t,e=[],o.O=(t,n,r,i)=>{if(!n){var a=1/0;for(u=0;u<e.length;u++){for(var[n,r,i]=e[u],l=!0,s=0;s<n.length;s++)(!1&i||a>=i)&&Object.keys(o.O).every((e=>o.O[e](n[s])))?n.splice(s--,1):(l=!1,i<a&&(a=i));if(l){e.splice(u--,1);var c=r();void 0!==c&&(t=c)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,r,i]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");n.length&&(e=n[n.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e})(),(()=>{var e={826:0,431:0};o.O.j=t=>0===e[t];var t=(t,n)=>{var r,i,[a,l,s]=n,c=0;if(a.some((t=>0!==e[t]))){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);if(s)var u=s(o)}for(t&&t(n);c<a.length;c++)i=a[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},n=globalThis.webpackChunkwcspots=globalThis.webpackChunkwcspots||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var r=o.O(void 0,[431],(()=>o(672)));r=o.O(r)})();
     1(()=>{var e,t={226:(e,t,n)=>{"use strict";const o=window.wp.blocks,r=JSON.parse('{"u2":"micemade/wcspots","Y4":{"id":{"type":"string","default":""},"title":{"type":"string","default":""},"description":{"type":"string","default":""},"settingsTitleDesc":{"type":"object","default":{"activeTitle":true,"tagName":"h2","align":"center","spacingTitle":"20px","activeDesc":true,"spacingDesc":"10px"}},"productsData":{"type":"array","default":[]},"media":{"type":"object","default":{}},"srcSetAtt":{"type":"string","default":""},"sizesAtt":{"type":"string","default":""},"mediaID":{"type":"number","default":null},"mediaURL":{"type":"string","default":null},"backImage":{"type":"string","default":"backimage-none"},"backimageOpacity":{"type":"number","default":0.3},"isStackedOnMobile":{"type":"boolean","default":true},"flexLayout":{"type":"string","default":"row"},"valign":{"type":"string","default":"flex-start"},"flexItemsRatio":{"type":"number","default":50},"flexGap":{"type":"string","default":"1vw"},"productsLayout":{"type":"string","default":"layout1"},"productsAlign":{"type":"string","default":"flex-start"},"columns":{"type":"number","default":3},"elementsToggle":{"type":"object","default":{"image":true,"title":true,"price":true,"excerpt":true,"addToCart":true}},"productsGap":{"type":"string","default":"1em"},"productSpacing":{"type":"string","default":"0.7em"},"productPadding":{"type":"string","default":"0.5em"},"imageSize":{"type":"string","default":"50%"},"featuredImageSize":{"type":"string","default":"automatic"},"titleSize":{"type":"string","default":"1em"},"priceSize":{"type":"string","default":"0.8em"},"excerptSize":{"type":"string","default":"0.8em"},"addToCartSize":{"type":"number","default":1},"productBackColor":{"type":"string","default":""},"titleColor":{"type":"string","default":""},"priceColor":{"type":"string","default":""},"excerptColor":{"type":"string","default":""},"hotspots":{"type":"array","default":[]},"hotspotSettings":{"type":"object","default":{"showTitle":true,"titleColor":"#333","titleBack":"#fff","titleSize":"14px","iconStyle":"iconstyle-1","primaryColor":"rgba(120, 120, 120, 0.7)","secondaryColor":"#fff","size":2,"innerSize":1,"pulsateEff":true}},"selectedHotspot":{"type":"number","default":null},"selectedProduct":{"type":"string","default":""},"editModal":{"type":"boolean","default":false},"popoverAtts":{"type":"object","default":{"popoverWidth":{"min":"340px","val":"80%","max":"600px"},"popoverPadding":"0.5em","productsLayout":"layout1","productsAlign":"flex-start","elementsToggle":{"image":true,"title":true,"price":true,"excerpt":true,"addToCart":true},"productSpacing":"0.6em","productPadding":"0.8em","imageSizeOn":false,"imageSize":"30vh","titleSize":"1em","priceSize":"1em","excerptSize":"0.8em","addToCartSize":1,"productBackColor":"","titleColor":"","priceColor":"","excerptColor":"","roundCorners":"8px","arrowSize":"10px"}},"style":{"type":"object","default":{"color":{"text":"#3a3a3a","background":"#fbf9f4"},"spacing":{"padding":{"top":"2vw","right":"2vw","bottom":"2vw","left":"2vw"}}}}}}'),i=window.wp.element,a=window.wp.i18n,l=window.wp.blockEditor,s=window.wp.components;var c=n(184),u=n.n(c);const p=window.wp.coreData,d=window.wp.data;var m=n(196),f=n.n(m);const g=window.lodash;function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function v(e){var t=function(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===h(t)?t:String(t)}function b(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function w(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}function S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,_x,i,a=[],_n=!0,l=!1;try{if(_x=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;_n=!1}else for(;!(_n=(o=_x.call(n)).done)&&(a.push(o.value),a.length!==t);_n=!0);}catch(e){l=!0,r=e}finally{try{if(!_n&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw r}}return a}}(e,t)||w(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}function _(e,t){if(null==e)return{};var n,o,r=x(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var O=["defaultInputValue","defaultMenuIsOpen","defaultValue","inputValue","menuIsOpen","onChange","onInputChange","onMenuClose","onMenuOpen","value"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},k.apply(this,arguments)}function T(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,v(o.key),o)}}function R(e,t){return R=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},R(e,t)}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function A(e){return function(e){if(Array.isArray(e))return C(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||w(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var M=function(){function e(e){var t=this;this._insertTag=function(e){var n;n=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{n.insertRule(e,n.cssRules.length)}catch(e){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}(),N=Math.abs,L=String.fromCharCode,D=Object.assign;function z(e){return e.trim()}function V(e,t,n){return e.replace(t,n)}function F(e,t){return e.indexOf(t)}function B(e,t){return 0|e.charCodeAt(t)}function H(e,t,n){return e.slice(t,n)}function j(e){return e.length}function U(e){return e.length}function $(e,t){return t.push(e),e}var W=1,G=1,Y=0,q=0,X=0,J="";function K(e,t,n,o,r,i,a){return{value:e,root:t,parent:n,type:o,props:r,children:i,line:W,column:G,length:a,return:""}}function Z(e,t){return D(K("",null,null,"",null,null,0),e,{length:-e.length},t)}function Q(){return X=q>0?B(J,--q):0,G--,10===X&&(G=1,W--),X}function ee(){return X=q<Y?B(J,q++):0,G++,10===X&&(G=1,W++),X}function te(){return B(J,q)}function ne(){return q}function oe(e,t){return H(J,e,t)}function re(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function ie(e){return W=G=1,Y=j(J=e),q=0,[]}function ae(e){return J="",e}function le(e){return z(oe(q-1,ue(91===e?e+2:40===e?e+1:e)))}function se(e){for(;(X=te())&&X<33;)ee();return re(e)>2||re(X)>3?"":" "}function ce(e,t){for(;--t&&ee()&&!(X<48||X>102||X>57&&X<65||X>70&&X<97););return oe(e,ne()+(t<6&&32==te()&&32==ee()))}function ue(e){for(;ee();)switch(X){case e:return q;case 34:case 39:34!==e&&39!==e&&ue(X);break;case 40:41===e&&ue(e);break;case 92:ee()}return q}function pe(e,t){for(;ee()&&e+X!==57&&(e+X!==84||47!==te()););return"/*"+oe(t,q-1)+"*"+L(47===e?e:ee())}function de(e){for(;!re(te());)ee();return oe(e,q)}var me="-ms-",fe="-moz-",ge="-webkit-",he="comm",ve="rule",be="decl",ye="@import",Ee="@keyframes";function Ce(e,t){for(var n="",o=U(e),r=0;r<o;r++)n+=t(e[r],r,e,t)||"";return n}function we(e,t,n,o){switch(e.type){case ye:case be:return e.return=e.return||e.value;case he:return"";case Ee:return e.return=e.value+"{"+Ce(e.children,o)+"}";case ve:e.value=e.props.join(",")}return j(n=Ce(e.children,o))?e.return=e.value+"{"+n+"}":""}function Se(e){return ae(xe("",null,null,null,[""],e=ie(e),0,[0],e))}function xe(e,t,n,o,r,i,a,l,s){for(var c=0,u=0,p=a,d=0,m=0,f=0,g=1,h=1,v=1,b=0,y="",E=r,C=i,w=o,S=y;h;)switch(f=b,b=ee()){case 40:if(108!=f&&58==B(S,p-1)){-1!=F(S+=V(le(b),"&","&\f"),"&\f")&&(v=-1);break}case 34:case 39:case 91:S+=le(b);break;case 9:case 10:case 13:case 32:S+=se(f);break;case 92:S+=ce(ne()-1,7);continue;case 47:switch(te()){case 42:case 47:$(Oe(pe(ee(),ne()),t,n),s);break;default:S+="/"}break;case 123*g:l[c++]=j(S)*v;case 125*g:case 59:case 0:switch(b){case 0:case 125:h=0;case 59+u:m>0&&j(S)-p&&$(m>32?ke(S+";",o,n,p-1):ke(V(S," ","")+";",o,n,p-2),s);break;case 59:S+=";";default:if($(w=_e(S,t,n,c,u,r,l,y,E=[],C=[],p),i),123===b)if(0===u)xe(S,t,w,w,E,i,p,l,C);else switch(99===d&&110===B(S,3)?100:d){case 100:case 109:case 115:xe(e,w,w,o&&$(_e(e,w,w,0,0,r,l,y,r,E=[],p),C),r,C,p,l,o?E:C);break;default:xe(S,w,w,w,[""],C,0,l,C)}}c=u=m=0,g=v=1,y=S="",p=a;break;case 58:p=1+j(S),m=f;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==Q())continue;switch(S+=L(b),b*g){case 38:v=u>0?1:(S+="\f",-1);break;case 44:l[c++]=(j(S)-1)*v,v=1;break;case 64:45===te()&&(S+=le(ee())),d=te(),u=p=j(y=S+=de(ne())),b++;break;case 45:45===f&&2==j(S)&&(g=0)}}return i}function _e(e,t,n,o,r,i,a,l,s,c,u){for(var p=r-1,d=0===r?i:[""],m=U(d),f=0,g=0,h=0;f<o;++f)for(var v=0,b=H(e,p+1,p=N(g=a[f])),y=e;v<m;++v)(y=z(g>0?d[v]+" "+b:V(b,/&\f/g,d[v])))&&(s[h++]=y);return K(e,t,n,0===r?ve:l,s,c,u)}function Oe(e,t,n){return K(e,t,n,he,L(X),H(e,2,-2),0)}function ke(e,t,n,o){return K(e,t,n,be,H(e,0,o),H(e,o+1,-1),o)}var Te=function(e,t,n){for(var o=0,r=0;o=r,r=te(),38===o&&12===r&&(t[n]=1),!re(r);)ee();return oe(e,q)},Re=new WeakMap,Ie=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,o=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||Re.get(n))&&!o){Re.set(e,!0);for(var r=[],i=function(e,t){return ae(function(e,t){var n=-1,o=44;do{switch(re(o)){case 0:38===o&&12===te()&&(t[n]=1),e[n]+=Te(q-1,t,n);break;case 2:e[n]+=le(o);break;case 4:if(44===o){e[++n]=58===te()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=L(o)}}while(o=ee());return e}(ie(e),t))}(t,r),a=n.props,l=0,s=0;l<i.length;l++)for(var c=0;c<a.length;c++,s++)e.props[s]=r[l]?i[l].replace(/&\f/g,a[c]):a[c]+" "+i[l]}}},Pe=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function Ae(e,t){switch(function(e,t){return 45^B(e,0)?(((t<<2^B(e,0))<<2^B(e,1))<<2^B(e,2))<<2^B(e,3):0}(e,t)){case 5103:return ge+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return ge+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ge+e+fe+e+me+e+e;case 6828:case 4268:return ge+e+me+e+e;case 6165:return ge+e+me+"flex-"+e+e;case 5187:return ge+e+V(e,/(\w+).+(:[^]+)/,ge+"box-$1$2"+me+"flex-$1$2")+e;case 5443:return ge+e+me+"flex-item-"+V(e,/flex-|-self/,"")+e;case 4675:return ge+e+me+"flex-line-pack"+V(e,/align-content|flex-|-self/,"")+e;case 5548:return ge+e+me+V(e,"shrink","negative")+e;case 5292:return ge+e+me+V(e,"basis","preferred-size")+e;case 6060:return ge+"box-"+V(e,"-grow","")+ge+e+me+V(e,"grow","positive")+e;case 4554:return ge+V(e,/([^-])(transform)/g,"$1"+ge+"$2")+e;case 6187:return V(V(V(e,/(zoom-|grab)/,ge+"$1"),/(image-set)/,ge+"$1"),e,"")+e;case 5495:case 3959:return V(e,/(image-set\([^]*)/,ge+"$1$`$1");case 4968:return V(V(e,/(.+:)(flex-)?(.*)/,ge+"box-pack:$3"+me+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ge+e+e;case 4095:case 3583:case 4068:case 2532:return V(e,/(.+)-inline(.+)/,ge+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(j(e)-1-t>6)switch(B(e,t+1)){case 109:if(45!==B(e,t+4))break;case 102:return V(e,/(.+:)(.+)-([^]+)/,"$1"+ge+"$2-$3$1"+fe+(108==B(e,t+3)?"$3":"$2-$3"))+e;case 115:return~F(e,"stretch")?Ae(V(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==B(e,t+1))break;case 6444:switch(B(e,j(e)-3-(~F(e,"!important")&&10))){case 107:return V(e,":",":"+ge)+e;case 101:return V(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ge+(45===B(e,14)?"inline-":"")+"box$3$1"+ge+"$2$3$1"+me+"$2box$3")+e}break;case 5936:switch(B(e,t+11)){case 114:return ge+e+me+V(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ge+e+me+V(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ge+e+me+V(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ge+e+me+e+e}return e}var Me=[function(e,t,n,o){if(e.length>-1&&!e.return)switch(e.type){case be:e.return=Ae(e.value,e.length);break;case Ee:return Ce([Z(e,{value:V(e.value,"@","@"+ge)})],o);case ve:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return Ce([Z(e,{props:[V(t,/:(read-\w+)/,":"+fe+"$1")]})],o);case"::placeholder":return Ce([Z(e,{props:[V(t,/:(plac\w+)/,":"+ge+"input-$1")]}),Z(e,{props:[V(t,/:(plac\w+)/,":"+fe+"$1")]}),Z(e,{props:[V(t,/:(plac\w+)/,me+"input-$1")]})],o)}return""}))}}];const Ne=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var o,r,i=e.stylisPlugins||Me,a={},l=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n<t.length;n++)a[t[n]]=!0;l.push(e)}));var s,c,u,p,d=[we,(p=function(e){s.insert(e)},function(e){e.root||(e=e.return)&&p(e)})],m=(c=[Ie,Pe].concat(i,d),u=U(c),function(e,t,n,o){for(var r="",i=0;i<u;i++)r+=c[i](e,t,n,o)||"";return r});r=function(e,t,n,o){s=n,Ce(Se(e?e+"{"+t.styles+"}":t.styles),m),o&&(f.inserted[t.name]=!0)};var f={key:t,sheet:new M({key:t,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:r};return f.sheet.hydrate(l),f};var Le=function(e,t,n){var o=e.key+"-"+t.name;!1===n&&void 0===e.registered[o]&&(e.registered[o]=t.styles)};const De=function(e){for(var t,n=0,o=0,r=e.length;r>=4;++o,r-=4)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)},ze={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var Ve=/[A-Z]|^ms/g,Fe=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Be=function(e){return 45===e.charCodeAt(1)},He=function(e){return null!=e&&"boolean"!=typeof e},je=function(e){var t=Object.create(null);return function(e){return void 0===t[e]&&(t[e]=Be(n=e)?n:n.replace(Ve,"-$&").toLowerCase()),t[e];var n}}(),Ue=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(Fe,(function(e,t,n){return We={name:t,styles:n,next:We},t}))}return 1===ze[e]||Be(e)||"number"!=typeof t||0===t?t:t+"px"};function $e(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return We={name:n.name,styles:n.styles,next:We},n.name;if(void 0!==n.styles){var o=n.next;if(void 0!==o)for(;void 0!==o;)We={name:o.name,styles:o.styles,next:We},o=o.next;return n.styles+";"}return function(e,t,n){var o="";if(Array.isArray(n))for(var r=0;r<n.length;r++)o+=$e(e,t,n[r])+";";else for(var i in n){var a=n[i];if("object"!=typeof a)null!=t&&void 0!==t[a]?o+=i+"{"+t[a]+"}":He(a)&&(o+=je(i)+":"+Ue(i,a)+";");else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var l=$e(e,t,a);switch(i){case"animation":case"animationName":o+=je(i)+":"+l+";";break;default:o+=i+"{"+l+"}"}}else for(var s=0;s<a.length;s++)He(a[s])&&(o+=je(i)+":"+Ue(i,a[s])+";")}return o}(e,t,n);case"function":if(void 0!==e){var r=We,i=n(e);return We=r,$e(e,t,i)}}if(null==t)return n;var a=t[n];return void 0!==a?a:n}var We,Ge=/label:\s*([^\s;\n{]+)\s*(;|$)/g,Ye=function(e,t,n){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,r="";We=void 0;var i=e[0];null==i||void 0===i.raw?(o=!1,r+=$e(n,t,i)):r+=i[0];for(var a=1;a<e.length;a++)r+=$e(n,t,e[a]),o&&(r+=i[a]);Ge.lastIndex=0;for(var l,s="";null!==(l=Ge.exec(r));)s+="-"+l[1];return{name:De(r)+s,styles:r,next:We}},qe=!!m.useInsertionEffect&&m.useInsertionEffect,Xe=qe||function(e){return e()},Je=(qe||m.useLayoutEffect,{}.hasOwnProperty),Ke=(0,m.createContext)("undefined"!=typeof HTMLElement?Ne({key:"css"}):null);Ke.Provider;var Ze=function(e){return(0,m.forwardRef)((function(t,n){var o=(0,m.useContext)(Ke);return e(t,o,n)}))},Qe=(0,m.createContext)({}),et="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",tt=function(e,t){var n={};for(var o in t)Je.call(t,o)&&(n[o]=t[o]);return n[et]=e,n},nt=function(e){var t=e.cache,n=e.serialized,o=e.isStringTag;return Le(t,n,o),Xe((function(){return function(e,t,n){Le(e,t,n);var o=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var r=t;do{e.insert(t===r?"."+o:"",r,e.sheet,!0),r=r.next}while(void 0!==r)}}(t,n,o)})),null},ot=Ze((function(e,t,n){var o=e.css;"string"==typeof o&&void 0!==t.registered[o]&&(o=t.registered[o]);var r=e[et],i=[o],a="";"string"==typeof e.className?a=function(e,t,n){var o="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):o+=n+" "})),o}(t.registered,i,e.className):null!=e.className&&(a=e.className+" ");var l=Ye(i,void 0,(0,m.useContext)(Qe));a+=t.key+"-"+l.name;var s={};for(var c in e)Je.call(e,c)&&"css"!==c&&c!==et&&(s[c]=e[c]);return s.ref=n,s.className=a,(0,m.createElement)(m.Fragment,null,(0,m.createElement)(nt,{cache:t,serialized:l,isStringTag:"string"==typeof r}),(0,m.createElement)(r,s))}));n(679);var rt=function(e,t){var n=arguments;if(null==t||!Je.call(t,"css"))return m.createElement.apply(void 0,n);var o=n.length,r=new Array(o);r[0]=ot,r[1]=tt(e,t);for(var i=2;i<o;i++)r[i]=n[i];return m.createElement.apply(null,r)};function it(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Ye(t)}var at=n(850),lt=n.n(at);Math.min,Math.max;function st(e){var t;return(null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ct(e){return st(e).getComputedStyle(e)}["top","right","bottom","left"].reduce(((e,t)=>e.concat(t,t+"-start",t+"-end")),[]),Math.min,Math.max;const ut=Math.round;function pt(e){return gt(e)?(e.nodeName||"").toLowerCase():""}let dt;function mt(e){return e instanceof st(e).HTMLElement}function ft(e){return e instanceof st(e).Element}function gt(e){return e instanceof st(e).Node}function ht(e){return"undefined"!=typeof ShadowRoot&&(e instanceof st(e).ShadowRoot||e instanceof ShadowRoot)}function vt(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=ct(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function bt(){return/^((?!chrome|android).)*safari/i.test(function(){if(dt)return dt;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?(dt=e.brands.map((e=>e.brand+"/"+e.version)).join(" "),dt):navigator.userAgent}())}function yt(e){return ft(e)?e:e.contextElement}const Et={x:1,y:1};function Ct(e){const t=yt(e);if(!mt(t))return Et;const n=t.getBoundingClientRect(),{width:o,height:r,fallback:i}=function(e){const t=ct(e);let n=parseFloat(t.width),o=parseFloat(t.height);const r=e.offsetWidth,i=e.offsetHeight,a=ut(n)!==r||ut(o)!==i;return a&&(n=r,o=i),{width:n,height:o,fallback:a}}(t);let a=(i?ut(n.width):n.width)/o,l=(i?ut(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function wt(e,t,n,o){var r,i;void 0===t&&(t=!1),void 0===n&&(n=!1);const a=e.getBoundingClientRect(),l=yt(e);let s=Et;t&&(o?ft(o)&&(s=Ct(o)):s=Ct(e));const c=l?st(l):window,u=bt()&&n;let p=(a.left+(u&&(null==(r=c.visualViewport)?void 0:r.offsetLeft)||0))/s.x,d=(a.top+(u&&(null==(i=c.visualViewport)?void 0:i.offsetTop)||0))/s.y,m=a.width/s.x,f=a.height/s.y;if(l){const e=st(l),t=o&&ft(o)?st(o):o;let n=e.frameElement;for(;n&&o&&t!==e;){const e=Ct(n),t=n.getBoundingClientRect(),o=getComputedStyle(n);t.x+=(n.clientLeft+parseFloat(o.paddingLeft))*e.x,t.y+=(n.clientTop+parseFloat(o.paddingTop))*e.y,p*=e.x,d*=e.y,m*=e.x,f*=e.y,p+=t.x,d+=t.y,n=st(n).frameElement}}return g={width:m,height:f,x:p,y:d},{...g,top:g.y,left:g.x,right:g.x+g.width,bottom:g.y+g.height};var g}function St(e){if("html"===pt(e))return e;const t=e.assignedSlot||e.parentNode||ht(e)&&e.host||function(e){return((gt(e)?e.ownerDocument:e.document)||window.document).documentElement}(e);return ht(t)?t.host:t}function xt(e){const t=St(e);return function(e){return["html","body","#document"].includes(pt(e))}(t)?t.ownerDocument.body:mt(t)&&vt(t)?t:xt(t)}function _t(e,t){var n;void 0===t&&(t=[]);const o=xt(e),r=o===(null==(n=e.ownerDocument)?void 0:n.body),i=st(o);return r?t.concat(i,i.visualViewport||[],vt(o)?o:[]):t.concat(o,_t(o))}const Ot=m.useLayoutEffect;var kt=["className","clearValue","cx","getStyles","getClassNames","getValue","hasValue","isMulti","isRtl","options","selectOption","selectProps","setValue","theme"],Tt=function(){};function Rt(e,t){return t?"-"===t[0]?e+t:e+"__"+t:e}function It(e,t){for(var n=arguments.length,o=new Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];var i=[].concat(o);if(t&&e)for(var a in t)t.hasOwnProperty(a)&&t[a]&&i.push("".concat(Rt(e,a)));return i.filter((function(e){return e})).map((function(e){return String(e).trim()})).join(" ")}var Pt=function(e){return t=e,Array.isArray(t)?e.filter(Boolean):"object"===h(e)&&null!==e?[e]:[];var t},At=function(e){return e.className,e.clearValue,e.cx,e.getStyles,e.getClassNames,e.getValue,e.hasValue,e.isMulti,e.isRtl,e.options,e.selectOption,e.selectProps,e.setValue,e.theme,E({},_(e,kt))},Mt=function(e,t,n){var o=e.cx,r=e.getStyles,i=e.getClassNames,a=e.className;return{css:r(t,e),className:o(null!=n?n:{},i(t,e),a)}};function Nt(e){return[document.documentElement,document.body,window].indexOf(e)>-1}function Lt(e){return Nt(e)?window.pageYOffset:e.scrollTop}function Dt(e,t){Nt(e)?window.scrollTo(0,t):e.scrollTop=t}function zt(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:Tt,r=Lt(e),i=t-r,a=0;!function t(){var l,s=(l=a+=10,i*((l=l/n-1)*l*l+1)+r);Dt(e,s),a<n?window.requestAnimationFrame(t):o(e)}()}function Vt(e,t){var n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=t.offsetHeight/3;o.bottom+r>n.bottom?Dt(e,Math.min(t.offsetTop+t.clientHeight-e.offsetHeight+r,e.scrollHeight)):o.top-r<n.top&&Dt(e,Math.max(t.offsetTop-r,0))}function Ft(){try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}}var Bt=!1,Ht={get passive(){return Bt=!0}},jt="undefined"!=typeof window?window:{};jt.addEventListener&&jt.removeEventListener&&(jt.addEventListener("p",Tt,Ht),jt.removeEventListener("p",Tt,!1));var Ut=Bt;function $t(e){return null!=e}function Wt(e,t,n){return e?t:n}var Gt=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var r=Object.entries(e).filter((function(e){var t=S(e,1)[0];return!n.includes(t)}));return r.reduce((function(e,t){var n=S(t,2),o=n[0],r=n[1];return e[o]=r,e}),{})};var Yt=function(e){return"auto"===e?"bottom":e},qt=(0,m.createContext)(null),Xt=function(e){var t=e.children,n=e.minMenuHeight,o=e.maxMenuHeight,r=e.menuPlacement,i=e.menuPosition,a=e.menuShouldScrollIntoView,l=e.theme,s=((0,m.useContext)(qt)||{}).setPortalPlacement,c=(0,m.useRef)(null),u=S((0,m.useState)(o),2),p=u[0],d=u[1],f=S((0,m.useState)(null),2),g=f[0],h=f[1],v=l.spacing.controlHeight;return Ot((function(){var e=c.current;if(e){var t="fixed"===i,l=function(e){var t=e.maxHeight,n=e.menuEl,o=e.minHeight,r=e.placement,i=e.shouldScroll,a=e.isFixedPosition,l=e.controlHeight,s=function(e){var t=getComputedStyle(e),n="absolute"===t.position,o=/(auto|scroll)/;if("fixed"===t.position)return document.documentElement;for(var r=e;r=r.parentElement;)if(t=getComputedStyle(r),(!n||"static"!==t.position)&&o.test(t.overflow+t.overflowY+t.overflowX))return r;return document.documentElement}(n),c={placement:"bottom",maxHeight:t};if(!n||!n.offsetParent)return c;var u,p=s.getBoundingClientRect().height,d=n.getBoundingClientRect(),m=d.bottom,f=d.height,g=d.top,h=n.offsetParent.getBoundingClientRect().top,v=a||Nt(u=s)?window.innerHeight:u.clientHeight,b=Lt(s),y=parseInt(getComputedStyle(n).marginBottom,10),E=parseInt(getComputedStyle(n).marginTop,10),C=h-E,w=v-g,S=C+b,x=p-b-g,_=m-v+b+y,O=b+g-E,k=160;switch(r){case"auto":case"bottom":if(w>=f)return{placement:"bottom",maxHeight:t};if(x>=f&&!a)return i&&zt(s,_,k),{placement:"bottom",maxHeight:t};if(!a&&x>=o||a&&w>=o)return i&&zt(s,_,k),{placement:"bottom",maxHeight:a?w-y:x-y};if("auto"===r||a){var T=t,R=a?C:S;return R>=o&&(T=Math.min(R-y-l,t)),{placement:"top",maxHeight:T}}if("bottom"===r)return i&&Dt(s,_),{placement:"bottom",maxHeight:t};break;case"top":if(C>=f)return{placement:"top",maxHeight:t};if(S>=f&&!a)return i&&zt(s,O,k),{placement:"top",maxHeight:t};if(!a&&S>=o||a&&C>=o){var I=t;return(!a&&S>=o||a&&C>=o)&&(I=a?C-E:S-E),i&&zt(s,O,k),{placement:"top",maxHeight:I}}return{placement:"bottom",maxHeight:t};default:throw new Error('Invalid placement provided "'.concat(r,'".'))}return c}({maxHeight:o,menuEl:e,minHeight:n,placement:r,shouldScroll:a&&!t,isFixedPosition:t,controlHeight:v});d(l.maxHeight),h(l.placement),null==s||s(l.placement)}}),[o,r,i,a,n,s,v]),t({ref:c,placerProps:E(E({},e),{},{placement:g||Yt(r),maxHeight:p})})},Jt=function(e,t){var n=e.theme,o=n.spacing.baseUnit,r=n.colors;return E({textAlign:"center"},t?{}:{color:r.neutral40,padding:"".concat(2*o,"px ").concat(3*o,"px")})},Kt=Jt,Zt=Jt,Qt=function(e){var t=e.children,n=e.innerProps;return rt("div",k({},Mt(e,"noOptionsMessage",{"menu-notice":!0,"menu-notice--no-options":!0}),n),t)};Qt.defaultProps={children:"No options"};var en=function(e){var t=e.children,n=e.innerProps;return rt("div",k({},Mt(e,"loadingMessage",{"menu-notice":!0,"menu-notice--loading":!0}),n),t)};en.defaultProps={children:"Loading..."};var tn,nn,on,rn=["size"],an={name:"8mmkcg",styles:"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"},ln=function(e){var t=e.size,n=_(e,rn);return rt("svg",k({height:t,width:t,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",css:an},n))},sn=function(e){return rt(ln,k({size:20},e),rt("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"}))},cn=function(e){return rt(ln,k({size:20},e),rt("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},un=function(e,t){var n=e.isFocused,o=e.theme,r=o.spacing.baseUnit,i=o.colors;return E({label:"indicatorContainer",display:"flex",transition:"color 150ms"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*r,":hover":{color:n?i.neutral80:i.neutral40}})},pn=un,dn=un,mn=function(){var e=it.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}(tn||(nn=["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"],on||(on=nn.slice(0)),tn=Object.freeze(Object.defineProperties(nn,{raw:{value:Object.freeze(on)}})))),fn=function(e){var t=e.delay,n=e.offset;return rt("span",{css:it({animation:"".concat(mn," 1s ease-in-out ").concat(t,"ms infinite;"),backgroundColor:"currentColor",borderRadius:"1em",display:"inline-block",marginLeft:n?"1em":void 0,height:"1em",verticalAlign:"top",width:"1em"},"","")})},gn=function(e){var t=e.innerProps,n=e.isRtl;return rt("div",k({},Mt(e,"loadingIndicator",{indicator:!0,"loading-indicator":!0}),t),rt(fn,{delay:0,offset:n}),rt(fn,{delay:160,offset:!0}),rt(fn,{delay:320,offset:!n}))};gn.defaultProps={size:4};var hn=["data"],vn=["innerRef","isDisabled","isHidden","inputClassName"],bn={gridArea:"1 / 2",font:"inherit",minWidth:"2px",border:0,margin:0,outline:0,padding:0},yn={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content","&:after":E({content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre"},bn)},En=function(e){return E({label:"input",color:"inherit",background:0,opacity:e?0:1,width:"100%"},bn)},Cn=function(e){var t=e.children,n=e.innerProps;return rt("div",n,t)},wn={ClearIndicator:function(e){var t=e.children,n=e.innerProps;return rt("div",k({},Mt(e,"clearIndicator",{indicator:!0,"clear-indicator":!0}),n),t||rt(sn,null))},Control:function(e){var t=e.children,n=e.isDisabled,o=e.isFocused,r=e.innerRef,i=e.innerProps,a=e.menuIsOpen;return rt("div",k({ref:r},Mt(e,"control",{control:!0,"control--is-disabled":n,"control--is-focused":o,"control--menu-is-open":a}),i),t)},DropdownIndicator:function(e){var t=e.children,n=e.innerProps;return rt("div",k({},Mt(e,"dropdownIndicator",{indicator:!0,"dropdown-indicator":!0}),n),t||rt(cn,null))},DownChevron:cn,CrossIcon:sn,Group:function(e){var t=e.children,n=e.cx,o=e.getStyles,r=e.getClassNames,i=e.Heading,a=e.headingProps,l=e.innerProps,s=e.label,c=e.theme,u=e.selectProps;return rt("div",k({},Mt(e,"group",{group:!0}),l),rt(i,k({},a,{selectProps:u,theme:c,getStyles:o,getClassNames:r,cx:n}),s),rt("div",null,t))},GroupHeading:function(e){var t=At(e);t.data;var n=_(t,hn);return rt("div",k({},Mt(e,"groupHeading",{"group-heading":!0}),n))},IndicatorsContainer:function(e){var t=e.children,n=e.innerProps;return rt("div",k({},Mt(e,"indicatorsContainer",{indicators:!0}),n),t)},IndicatorSeparator:function(e){var t=e.innerProps;return rt("span",k({},t,Mt(e,"indicatorSeparator",{"indicator-separator":!0})))},Input:function(e){var t=e.cx,n=e.value,o=At(e),r=o.innerRef,i=o.isDisabled,a=o.isHidden,l=o.inputClassName,s=_(o,vn);return rt("div",k({},Mt(e,"input",{"input-container":!0}),{"data-value":n||""}),rt("input",k({className:t({input:!0},l),ref:r,style:En(a),disabled:i},s)))},LoadingIndicator:gn,Menu:function(e){var t=e.children,n=e.innerRef,o=e.innerProps;return rt("div",k({},Mt(e,"menu",{menu:!0}),{ref:n},o),t)},MenuList:function(e){var t=e.children,n=e.innerProps,o=e.innerRef,r=e.isMulti;return rt("div",k({},Mt(e,"menuList",{"menu-list":!0,"menu-list--is-multi":r}),{ref:o},n),t)},MenuPortal:function(e){var t=e.appendTo,n=e.children,o=e.controlElement,r=e.innerProps,i=e.menuPlacement,a=e.menuPosition,l=(0,m.useRef)(null),s=(0,m.useRef)(null),c=S((0,m.useState)(Yt(i)),2),u=c[0],p=c[1],d=(0,m.useMemo)((function(){return{setPortalPlacement:p}}),[]),f=S((0,m.useState)(null),2),g=f[0],h=f[1],v=(0,m.useCallback)((function(){if(o){var e=function(e){var t=e.getBoundingClientRect();return{bottom:t.bottom,height:t.height,left:t.left,right:t.right,top:t.top,width:t.width}}(o),t="fixed"===a?0:window.pageYOffset,n=e[u]+t;n===(null==g?void 0:g.offset)&&e.left===(null==g?void 0:g.rect.left)&&e.width===(null==g?void 0:g.rect.width)||h({offset:n,rect:e})}}),[o,a,u,null==g?void 0:g.offset,null==g?void 0:g.rect.left,null==g?void 0:g.rect.width]);Ot((function(){v()}),[v]);var b=(0,m.useCallback)((function(){"function"==typeof s.current&&(s.current(),s.current=null),o&&l.current&&(s.current=function(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a=!0,animationFrame:l=!1}=o,s=r&&!l,c=s||i?[...ft(e)?_t(e):e.contextElement?_t(e.contextElement):[],..._t(t)]:[];c.forEach((e=>{s&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)}));let u,p=null;if(a){let o=!0;p=new ResizeObserver((()=>{o||n(),o=!1})),ft(e)&&!l&&p.observe(e),ft(e)||!e.contextElement||l||p.observe(e.contextElement),p.observe(t)}let d=l?wt(e):null;return l&&function t(){const o=wt(e);!d||o.x===d.x&&o.y===d.y&&o.width===d.width&&o.height===d.height||n(),d=o,u=requestAnimationFrame(t)}(),n(),()=>{var e;c.forEach((e=>{s&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)})),null==(e=p)||e.disconnect(),p=null,l&&cancelAnimationFrame(u)}}(o,l.current,v,{elementResize:"ResizeObserver"in window}))}),[o,v]);Ot((function(){b()}),[b]);var y=(0,m.useCallback)((function(e){l.current=e,b()}),[b]);if(!t&&"fixed"!==a||!g)return null;var C=rt("div",k({ref:y},Mt(E(E({},e),{},{offset:g.offset,position:a,rect:g.rect}),"menuPortal",{"menu-portal":!0}),r),n);return rt(qt.Provider,{value:d},t?(0,at.createPortal)(C,t):C)},LoadingMessage:en,NoOptionsMessage:Qt,MultiValue:function(e){var t=e.children,n=e.components,o=e.data,r=e.innerProps,i=e.isDisabled,a=e.removeProps,l=e.selectProps,s=n.Container,c=n.Label,u=n.Remove;return rt(s,{data:o,innerProps:E(E({},Mt(e,"multiValue",{"multi-value":!0,"multi-value--is-disabled":i})),r),selectProps:l},rt(c,{data:o,innerProps:E({},Mt(e,"multiValueLabel",{"multi-value__label":!0})),selectProps:l},t),rt(u,{data:o,innerProps:E(E({},Mt(e,"multiValueRemove",{"multi-value__remove":!0})),{},{"aria-label":"Remove ".concat(t||"option")},a),selectProps:l}))},MultiValueContainer:Cn,MultiValueLabel:Cn,MultiValueRemove:function(e){var t=e.children,n=e.innerProps;return rt("div",k({role:"button"},n),t||rt(sn,{size:14}))},Option:function(e){var t=e.children,n=e.isDisabled,o=e.isFocused,r=e.isSelected,i=e.innerRef,a=e.innerProps;return rt("div",k({},Mt(e,"option",{option:!0,"option--is-disabled":n,"option--is-focused":o,"option--is-selected":r}),{ref:i,"aria-disabled":n},a),t)},Placeholder:function(e){var t=e.children,n=e.innerProps;return rt("div",k({},Mt(e,"placeholder",{placeholder:!0}),n),t)},SelectContainer:function(e){var t=e.children,n=e.innerProps,o=e.isDisabled,r=e.isRtl;return rt("div",k({},Mt(e,"container",{"--is-disabled":o,"--is-rtl":r}),n),t)},SingleValue:function(e){var t=e.children,n=e.isDisabled,o=e.innerProps;return rt("div",k({},Mt(e,"singleValue",{"single-value":!0,"single-value--is-disabled":n}),o),t)},ValueContainer:function(e){var t=e.children,n=e.innerProps,o=e.isMulti,r=e.hasValue;return rt("div",k({},Mt(e,"valueContainer",{"value-container":!0,"value-container--is-multi":o,"value-container--has-value":r}),n),t)}},Sn=function(e){return E(E({},wn),e.components)},xn=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function On(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!((o=e[n])===(r=t[n])||xn(o)&&xn(r)))return!1;var o,r;return!0}function kn(e,t){void 0===t&&(t=On);var n=null;function o(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];if(n&&n.lastThis===this&&t(o,n.lastArgs))return n.lastResult;var i=e.apply(this,o);return n={lastResult:i,lastArgs:o,lastThis:this},i}return o.clear=function(){n=null},o}for(var Tn={name:"7pg0cj-a11yText",styles:"label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"},Rn=function(e){return rt("span",k({css:Tn},e))},In={guidance:function(e){var t=e.isSearchable,n=e.isMulti,o=e.isDisabled,r=e.tabSelectsValue;switch(e.context){case"menu":return"Use Up and Down to choose options".concat(o?"":", press Enter to select the currently focused option",", press Escape to exit the menu").concat(r?", press Tab to select the option and exit the menu":"",".");case"input":return"".concat(e["aria-label"]||"Select"," is focused ").concat(t?",type to refine list":"",", press Down to open the menu, ").concat(n?" press left to focus selected values":"");case"value":return"Use left and right to toggle between focused values, press Backspace to remove the currently focused value";default:return""}},onChange:function(e){var t=e.action,n=e.label,o=void 0===n?"":n,r=e.labels,i=e.isDisabled;switch(t){case"deselect-option":case"pop-value":case"remove-value":return"option ".concat(o,", deselected.");case"clear":return"All selected options have been cleared.";case"initial-input-focus":return"option".concat(r.length>1?"s":""," ").concat(r.join(","),", selected.");case"select-option":return"option ".concat(o,i?" is disabled. Select another option.":", selected.");default:return""}},onFocus:function(e){var t=e.context,n=e.focused,o=e.options,r=e.label,i=void 0===r?"":r,a=e.selectValue,l=e.isDisabled,s=e.isSelected,c=function(e,t){return e&&e.length?"".concat(e.indexOf(t)+1," of ").concat(e.length):""};if("value"===t&&a)return"value ".concat(i," focused, ").concat(c(a,n),".");if("menu"===t){var u=l?" disabled":"",p="".concat(s?"selected":"focused").concat(u);return"option ".concat(i," ").concat(p,", ").concat(c(o,n),".")}return""},onFilter:function(e){var t=e.inputValue,n=e.resultsMessage;return"".concat(n).concat(t?" for search term "+t:"",".")}},Pn=function(e){var t=e.ariaSelection,n=e.focusedOption,o=e.focusedValue,r=e.focusableOptions,i=e.isFocused,a=e.selectValue,l=e.selectProps,s=e.id,c=l.ariaLiveMessages,u=l.getOptionLabel,p=l.inputValue,d=l.isMulti,f=l.isOptionDisabled,g=l.isSearchable,h=l.menuIsOpen,v=l.options,b=l.screenReaderStatus,y=l.tabSelectsValue,C=l["aria-label"],w=l["aria-live"],S=(0,m.useMemo)((function(){return E(E({},In),c||{})}),[c]),x=(0,m.useMemo)((function(){var e,n="";if(t&&S.onChange){var o=t.option,r=t.options,i=t.removedValue,l=t.removedValues,s=t.value,c=i||o||(e=s,Array.isArray(e)?null:e),p=c?u(c):"",d=r||l||void 0,m=d?d.map(u):[],g=E({isDisabled:c&&f(c,a),label:p,labels:m},t);n=S.onChange(g)}return n}),[t,S,f,a,u]),_=(0,m.useMemo)((function(){var e="",t=n||o,i=!!(n&&a&&a.includes(n));if(t&&S.onFocus){var l={focused:t,label:u(t),isDisabled:f(t,a),isSelected:i,options:r,context:t===n?"menu":"value",selectValue:a};e=S.onFocus(l)}return e}),[n,o,u,f,S,r,a]),O=(0,m.useMemo)((function(){var e="";if(h&&v.length&&S.onFilter){var t=b({count:r.length});e=S.onFilter({inputValue:p,resultsMessage:t})}return e}),[r,p,h,S,v,b]),k=(0,m.useMemo)((function(){var e="";if(S.guidance){var t=o?"value":h?"menu":"input";e=S.guidance({"aria-label":C,context:t,isDisabled:n&&f(n,a),isMulti:d,isSearchable:g,tabSelectsValue:y})}return e}),[C,n,o,d,f,g,h,S,a,y]),T="".concat(_," ").concat(O," ").concat(k),R=rt(m.Fragment,null,rt("span",{id:"aria-selection"},x),rt("span",{id:"aria-context"},T)),I="initial-input-focus"===(null==t?void 0:t.action);return rt(m.Fragment,null,rt(Rn,{id:s},I&&R),rt(Rn,{"aria-live":w,"aria-atomic":"false","aria-relevant":"additions text"},i&&!I&&R))},An=[{base:"A",letters:"AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"},{base:"AA",letters:"Ꜳ"},{base:"AE",letters:"ÆǼǢ"},{base:"AO",letters:"Ꜵ"},{base:"AU",letters:"Ꜷ"},{base:"AV",letters:"ꜸꜺ"},{base:"AY",letters:"Ꜽ"},{base:"B",letters:"BⒷＢḂḄḆɃƂƁ"},{base:"C",letters:"CⒸＣĆĈĊČÇḈƇȻꜾ"},{base:"D",letters:"DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"},{base:"DZ",letters:"DZDŽ"},{base:"Dz",letters:"DzDž"},{base:"E",letters:"EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"},{base:"F",letters:"FⒻＦḞƑꝻ"},{base:"G",letters:"GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"},{base:"H",letters:"HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"},{base:"I",letters:"IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"},{base:"J",letters:"JⒿＪĴɈ"},{base:"K",letters:"KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"},{base:"L",letters:"LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"},{base:"LJ",letters:"LJ"},{base:"Lj",letters:"Lj"},{base:"M",letters:"MⓂＭḾṀṂⱮƜ"},{base:"N",letters:"NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"},{base:"NJ",letters:"NJ"},{base:"Nj",letters:"Nj"},{base:"O",letters:"OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"},{base:"OI",letters:"Ƣ"},{base:"OO",letters:"Ꝏ"},{base:"OU",letters:"Ȣ"},{base:"P",letters:"PⓅＰṔṖƤⱣꝐꝒꝔ"},{base:"Q",letters:"QⓆＱꝖꝘɊ"},{base:"R",letters:"RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"},{base:"S",letters:"SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"},{base:"T",letters:"TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"},{base:"TZ",letters:"Ꜩ"},{base:"U",letters:"UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"},{base:"V",letters:"VⓋＶṼṾƲꝞɅ"},{base:"VY",letters:"Ꝡ"},{base:"W",letters:"WⓌＷẀẂŴẆẄẈⱲ"},{base:"X",letters:"XⓍＸẊẌ"},{base:"Y",letters:"YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"},{base:"Z",letters:"ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"},{base:"a",letters:"aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"},{base:"aa",letters:"ꜳ"},{base:"ae",letters:"æǽǣ"},{base:"ao",letters:"ꜵ"},{base:"au",letters:"ꜷ"},{base:"av",letters:"ꜹꜻ"},{base:"ay",letters:"ꜽ"},{base:"b",letters:"bⓑｂḃḅḇƀƃɓ"},{base:"c",letters:"cⓒｃćĉċčçḉƈȼꜿↄ"},{base:"d",letters:"dⓓｄḋďḍḑḓḏđƌɖɗꝺ"},{base:"dz",letters:"dzdž"},{base:"e",letters:"eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"},{base:"f",letters:"fⓕｆḟƒꝼ"},{base:"g",letters:"gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"},{base:"h",letters:"hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"},{base:"hv",letters:"ƕ"},{base:"i",letters:"iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"},{base:"j",letters:"jⓙｊĵǰɉ"},{base:"k",letters:"kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"},{base:"l",letters:"lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"},{base:"lj",letters:"lj"},{base:"m",letters:"mⓜｍḿṁṃɱɯ"},{base:"n",letters:"nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"},{base:"nj",letters:"nj"},{base:"o",letters:"oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"},{base:"oi",letters:"ƣ"},{base:"ou",letters:"ȣ"},{base:"oo",letters:"ꝏ"},{base:"p",letters:"pⓟｐṕṗƥᵽꝑꝓꝕ"},{base:"q",letters:"qⓠｑɋꝗꝙ"},{base:"r",letters:"rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"},{base:"s",letters:"sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"},{base:"t",letters:"tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"},{base:"tz",letters:"ꜩ"},{base:"u",letters:"uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"},{base:"v",letters:"vⓥｖṽṿʋꝟʌ"},{base:"vy",letters:"ꝡ"},{base:"w",letters:"wⓦｗẁẃŵẇẅẘẉⱳ"},{base:"x",letters:"xⓧｘẋẍ"},{base:"y",letters:"yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"},{base:"z",letters:"zⓩｚźẑżžẓẕƶȥɀⱬꝣ"}],Mn=new RegExp("["+An.map((function(e){return e.letters})).join("")+"]","g"),Nn={},Ln=0;Ln<An.length;Ln++)for(var Dn=An[Ln],zn=0;zn<Dn.letters.length;zn++)Nn[Dn.letters[zn]]=Dn.base;var Vn=function(e){return e.replace(Mn,(function(e){return Nn[e]}))},Fn=kn(Vn),Bn=function(e){return e.replace(/^\s+|\s+$/g,"")},Hn=function(e){return"".concat(e.label," ").concat(e.value)},jn=["innerRef"];function Un(e){var t=e.innerRef,n=_(e,jn),o=Gt(n,"onExited","in","enter","exit","appear");return rt("input",k({ref:t},o,{css:it({label:"dummyInput",background:0,border:0,caretColor:"transparent",fontSize:"inherit",gridArea:"1 / 1 / 2 / 3",outline:0,padding:0,width:1,color:"transparent",left:-100,opacity:0,position:"relative",transform:"scale(.01)"},"","")}))}var $n=function(e){e.preventDefault(),e.stopPropagation()},Wn=["boxSizing","height","overflow","paddingRight","position"],Gn={boxSizing:"border-box",overflow:"hidden",position:"relative",height:"100%"};function Yn(e){e.preventDefault()}function qn(e){e.stopPropagation()}function Xn(){var e=this.scrollTop,t=this.scrollHeight,n=e+this.offsetHeight;0===e?this.scrollTop=1:n===t&&(this.scrollTop=e-1)}function Jn(){return"ontouchstart"in window||navigator.maxTouchPoints}var Kn=!("undefined"==typeof window||!window.document||!window.document.createElement),Zn=0,Qn={capture:!1,passive:!1},eo=function(){return document.activeElement&&document.activeElement.blur()},to={name:"1kfdb0e",styles:"position:fixed;left:0;bottom:0;right:0;top:0"};function no(e){var t=e.children,n=e.lockEnabled,o=e.captureEnabled,r=function(e){var t=e.isEnabled,n=e.onBottomArrive,o=e.onBottomLeave,r=e.onTopArrive,i=e.onTopLeave,a=(0,m.useRef)(!1),l=(0,m.useRef)(!1),s=(0,m.useRef)(0),c=(0,m.useRef)(null),u=(0,m.useCallback)((function(e,t){if(null!==c.current){var s=c.current,u=s.scrollTop,p=s.scrollHeight,d=s.clientHeight,m=c.current,f=t>0,g=p-d-u,h=!1;g>t&&a.current&&(o&&o(e),a.current=!1),f&&l.current&&(i&&i(e),l.current=!1),f&&t>g?(n&&!a.current&&n(e),m.scrollTop=p,h=!0,a.current=!0):!f&&-t>u&&(r&&!l.current&&r(e),m.scrollTop=0,h=!0,l.current=!0),h&&$n(e)}}),[n,o,r,i]),p=(0,m.useCallback)((function(e){u(e,e.deltaY)}),[u]),d=(0,m.useCallback)((function(e){s.current=e.changedTouches[0].clientY}),[]),f=(0,m.useCallback)((function(e){var t=s.current-e.changedTouches[0].clientY;u(e,t)}),[u]),g=(0,m.useCallback)((function(e){if(e){var t=!!Ut&&{passive:!1};e.addEventListener("wheel",p,t),e.addEventListener("touchstart",d,t),e.addEventListener("touchmove",f,t)}}),[f,d,p]),h=(0,m.useCallback)((function(e){e&&(e.removeEventListener("wheel",p,!1),e.removeEventListener("touchstart",d,!1),e.removeEventListener("touchmove",f,!1))}),[f,d,p]);return(0,m.useEffect)((function(){if(t){var e=c.current;return g(e),function(){h(e)}}}),[t,g,h]),function(e){c.current=e}}({isEnabled:void 0===o||o,onBottomArrive:e.onBottomArrive,onBottomLeave:e.onBottomLeave,onTopArrive:e.onTopArrive,onTopLeave:e.onTopLeave}),i=function(e){var t=e.isEnabled,n=e.accountForScrollbars,o=void 0===n||n,r=(0,m.useRef)({}),i=(0,m.useRef)(null),a=(0,m.useCallback)((function(e){if(Kn){var t=document.body,n=t&&t.style;if(o&&Wn.forEach((function(e){var t=n&&n[e];r.current[e]=t})),o&&Zn<1){var i=parseInt(r.current.paddingRight,10)||0,a=document.body?document.body.clientWidth:0,l=window.innerWidth-a+i||0;Object.keys(Gn).forEach((function(e){var t=Gn[e];n&&(n[e]=t)})),n&&(n.paddingRight="".concat(l,"px"))}t&&Jn()&&(t.addEventListener("touchmove",Yn,Qn),e&&(e.addEventListener("touchstart",Xn,Qn),e.addEventListener("touchmove",qn,Qn))),Zn+=1}}),[o]),l=(0,m.useCallback)((function(e){if(Kn){var t=document.body,n=t&&t.style;Zn=Math.max(Zn-1,0),o&&Zn<1&&Wn.forEach((function(e){var t=r.current[e];n&&(n[e]=t)})),t&&Jn()&&(t.removeEventListener("touchmove",Yn,Qn),e&&(e.removeEventListener("touchstart",Xn,Qn),e.removeEventListener("touchmove",qn,Qn)))}}),[o]);return(0,m.useEffect)((function(){if(t){var e=i.current;return a(e),function(){l(e)}}}),[t,a,l]),function(e){i.current=e}}({isEnabled:n});return rt(m.Fragment,null,n&&rt("div",{onClick:eo,css:to}),t((function(e){r(e),i(e)})))}var oo={name:"1a0ro4n-requiredInput",styles:"label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"},ro=function(e){var t=e.name,n=e.onFocus;return rt("input",{required:!0,name:t,tabIndex:-1,"aria-hidden":"true",onFocus:n,css:oo,value:"",onChange:function(){}})},io={clearIndicator:dn,container:function(e){var t=e.isDisabled;return{label:"container",direction:e.isRtl?"rtl":void 0,pointerEvents:t?"none":void 0,position:"relative"}},control:function(e,t){var n=e.isDisabled,o=e.isFocused,r=e.theme,i=r.colors,a=r.borderRadius;return E({label:"control",alignItems:"center",cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:r.spacing.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms"},t?{}:{backgroundColor:n?i.neutral5:i.neutral0,borderColor:n?i.neutral10:o?i.primary:i.neutral20,borderRadius:a,borderStyle:"solid",borderWidth:1,boxShadow:o?"0 0 0 1px ".concat(i.primary):void 0,"&:hover":{borderColor:o?i.primary:i.neutral30}})},dropdownIndicator:pn,group:function(e,t){var n=e.theme.spacing;return t?{}:{paddingBottom:2*n.baseUnit,paddingTop:2*n.baseUnit}},groupHeading:function(e,t){var n=e.theme,o=n.colors,r=n.spacing;return E({label:"group",cursor:"default",display:"block"},t?{}:{color:o.neutral40,fontSize:"75%",fontWeight:500,marginBottom:"0.25em",paddingLeft:3*r.baseUnit,paddingRight:3*r.baseUnit,textTransform:"uppercase"})},indicatorsContainer:function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},indicatorSeparator:function(e,t){var n=e.isDisabled,o=e.theme,r=o.spacing.baseUnit,i=o.colors;return E({label:"indicatorSeparator",alignSelf:"stretch",width:1},t?{}:{backgroundColor:n?i.neutral10:i.neutral20,marginBottom:2*r,marginTop:2*r})},input:function(e,t){var n=e.isDisabled,o=e.value,r=e.theme,i=r.spacing,a=r.colors;return E(E({visibility:n?"hidden":"visible",transform:o?"translateZ(0)":""},yn),t?{}:{margin:i.baseUnit/2,paddingBottom:i.baseUnit/2,paddingTop:i.baseUnit/2,color:a.neutral80})},loadingIndicator:function(e,t){var n=e.isFocused,o=e.size,r=e.theme,i=r.colors,a=r.spacing.baseUnit;return E({label:"loadingIndicator",display:"flex",transition:"color 150ms",alignSelf:"center",fontSize:o,lineHeight:1,marginRight:o,textAlign:"center",verticalAlign:"middle"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*a})},loadingMessage:Zt,menu:function(e,t){var n,o=e.placement,r=e.theme,i=r.borderRadius,a=r.spacing,l=r.colors;return E((b(n={label:"menu"},function(e){return e?{bottom:"top",top:"bottom"}[e]:"bottom"}(o),"100%"),b(n,"position","absolute"),b(n,"width","100%"),b(n,"zIndex",1),n),t?{}:{backgroundColor:l.neutral0,borderRadius:i,boxShadow:"0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",marginBottom:a.menuGutter,marginTop:a.menuGutter})},menuList:function(e,t){var n=e.maxHeight,o=e.theme.spacing.baseUnit;return E({maxHeight:n,overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},t?{}:{paddingBottom:o,paddingTop:o})},menuPortal:function(e){var t=e.rect,n=e.offset,o=e.position;return{left:t.left,position:o,top:n,width:t.width,zIndex:1}},multiValue:function(e,t){var n=e.theme,o=n.spacing,r=n.borderRadius,i=n.colors;return E({label:"multiValue",display:"flex",minWidth:0},t?{}:{backgroundColor:i.neutral10,borderRadius:r/2,margin:o.baseUnit/2})},multiValueLabel:function(e,t){var n=e.theme,o=n.borderRadius,r=n.colors,i=e.cropWithEllipsis;return E({overflow:"hidden",textOverflow:i||void 0===i?"ellipsis":void 0,whiteSpace:"nowrap"},t?{}:{borderRadius:o/2,color:r.neutral80,fontSize:"85%",padding:3,paddingLeft:6})},multiValueRemove:function(e,t){var n=e.theme,o=n.spacing,r=n.borderRadius,i=n.colors,a=e.isFocused;return E({alignItems:"center",display:"flex"},t?{}:{borderRadius:r/2,backgroundColor:a?i.dangerLight:void 0,paddingLeft:o.baseUnit,paddingRight:o.baseUnit,":hover":{backgroundColor:i.dangerLight,color:i.danger}})},noOptionsMessage:Kt,option:function(e,t){var n=e.isDisabled,o=e.isFocused,r=e.isSelected,i=e.theme,a=i.spacing,l=i.colors;return E({label:"option",cursor:"default",display:"block",fontSize:"inherit",width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)"},t?{}:{backgroundColor:r?l.primary:o?l.primary25:"transparent",color:n?l.neutral20:r?l.neutral0:"inherit",padding:"".concat(2*a.baseUnit,"px ").concat(3*a.baseUnit,"px"),":active":{backgroundColor:n?void 0:r?l.primary:l.primary50}})},placeholder:function(e,t){var n=e.theme,o=n.spacing,r=n.colors;return E({label:"placeholder",gridArea:"1 / 1 / 2 / 3"},t?{}:{color:r.neutral50,marginLeft:o.baseUnit/2,marginRight:o.baseUnit/2})},singleValue:function(e,t){var n=e.isDisabled,o=e.theme,r=o.spacing,i=o.colors;return E({label:"singleValue",gridArea:"1 / 1 / 2 / 3",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},t?{}:{color:n?i.neutral40:i.neutral80,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2})},valueContainer:function(e,t){var n=e.theme.spacing,o=e.isMulti,r=e.hasValue,i=e.selectProps.controlShouldRenderValue;return E({alignItems:"center",display:o&&r&&i?"flex":"grid",flex:1,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},t?{}:{padding:"".concat(n.baseUnit/2,"px ").concat(2*n.baseUnit,"px")})}},ao={borderRadius:4,colors:{primary:"#2684FF",primary75:"#4C9AFF",primary50:"#B2D4FF",primary25:"#DEEBFF",danger:"#DE350B",dangerLight:"#FFBDAD",neutral0:"hsl(0, 0%, 100%)",neutral5:"hsl(0, 0%, 95%)",neutral10:"hsl(0, 0%, 90%)",neutral20:"hsl(0, 0%, 80%)",neutral30:"hsl(0, 0%, 70%)",neutral40:"hsl(0, 0%, 60%)",neutral50:"hsl(0, 0%, 50%)",neutral60:"hsl(0, 0%, 40%)",neutral70:"hsl(0, 0%, 30%)",neutral80:"hsl(0, 0%, 20%)",neutral90:"hsl(0, 0%, 10%)"},spacing:{baseUnit:4,controlHeight:38,menuGutter:8}},lo={"aria-live":"polite",backspaceRemovesValue:!0,blurInputOnSelect:Ft(),captureMenuScroll:!Ft(),classNames:{},closeMenuOnSelect:!0,closeMenuOnScroll:!1,components:{},controlShouldRenderValue:!0,escapeClearsValue:!1,filterOption:function(e,t){if(e.data.__isNew__)return!0;var n=E({ignoreCase:!0,ignoreAccents:!0,stringify:Hn,trim:!0,matchFrom:"any"},void 0),o=n.ignoreCase,r=n.ignoreAccents,i=n.stringify,a=n.trim,l=n.matchFrom,s=a?Bn(t):t,c=a?Bn(i(e)):i(e);return o&&(s=s.toLowerCase(),c=c.toLowerCase()),r&&(s=Fn(s),c=Vn(c)),"start"===l?c.substr(0,s.length)===s:c.indexOf(s)>-1},formatGroupLabel:function(e){return e.label},getOptionLabel:function(e){return e.label},getOptionValue:function(e){return e.value},isDisabled:!1,isLoading:!1,isMulti:!1,isRtl:!1,isSearchable:!0,isOptionDisabled:function(e){return!!e.isDisabled},loadingMessage:function(){return"Loading..."},maxMenuHeight:300,minMenuHeight:140,menuIsOpen:!1,menuPlacement:"bottom",menuPosition:"absolute",menuShouldBlockScroll:!1,menuShouldScrollIntoView:!function(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(e){return!1}}(),noOptionsMessage:function(){return"No options"},openMenuOnFocus:!1,openMenuOnClick:!0,options:[],pageSize:5,placeholder:"Select...",screenReaderStatus:function(e){var t=e.count;return"".concat(t," result").concat(1!==t?"s":""," available")},styles:{},tabIndex:0,tabSelectsValue:!0,unstyled:!1};function so(e,t,n,o){return{type:"option",data:t,isDisabled:go(e,t,n),isSelected:ho(e,t,n),label:mo(e,t),value:fo(e,t),index:o}}function co(e,t){return e.options.map((function(n,o){if("options"in n){var r=n.options.map((function(n,o){return so(e,n,t,o)})).filter((function(t){return po(e,t)}));return r.length>0?{type:"group",data:n,options:r,index:o}:void 0}var i=so(e,n,t,o);return po(e,i)?i:void 0})).filter($t)}function uo(e){return e.reduce((function(e,t){return"group"===t.type?e.push.apply(e,A(t.options.map((function(e){return e.data})))):e.push(t.data),e}),[])}function po(e,t){var n=e.inputValue,o=void 0===n?"":n,r=t.data,i=t.isSelected,a=t.label,l=t.value;return(!bo(e)||!i)&&vo(e,{label:a,value:l,data:r},o)}var mo=function(e,t){return e.getOptionLabel(t)},fo=function(e,t){return e.getOptionValue(t)};function go(e,t,n){return"function"==typeof e.isOptionDisabled&&e.isOptionDisabled(t,n)}function ho(e,t,n){if(n.indexOf(t)>-1)return!0;if("function"==typeof e.isOptionSelected)return e.isOptionSelected(t,n);var o=fo(e,t);return n.some((function(t){return fo(e,t)===o}))}function vo(e,t,n){return!e.filterOption||e.filterOption(t,n)}var bo=function(e){var t=e.hideSelectedOptions,n=e.isMulti;return void 0===t?n:t},yo=1,Eo=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&R(e,t)}(l,e);var t,n,o,r,i,a=(r=l,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=I(r);if(i){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return P(e)}(this,e)});function l(e){var t;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(t=a.call(this,e)).state={ariaSelection:null,focusedOption:null,focusedValue:null,inputIsHidden:!1,isFocused:!1,selectValue:[],clearFocusValueOnUpdate:!1,prevWasFocused:!1,inputIsHiddenAfterUpdate:void 0,prevProps:void 0},t.blockOptionHover=!1,t.isComposing=!1,t.commonProps=void 0,t.initialTouchX=0,t.initialTouchY=0,t.instancePrefix="",t.openAfterFocus=!1,t.scrollToFocusedOptionOnUpdate=!1,t.userIsDragging=void 0,t.controlRef=null,t.getControlRef=function(e){t.controlRef=e},t.focusedOptionRef=null,t.getFocusedOptionRef=function(e){t.focusedOptionRef=e},t.menuListRef=null,t.getMenuListRef=function(e){t.menuListRef=e},t.inputRef=null,t.getInputRef=function(e){t.inputRef=e},t.focus=t.focusInput,t.blur=t.blurInput,t.onChange=function(e,n){var o=t.props,r=o.onChange,i=o.name;n.name=i,t.ariaOnChange(e,n),r(e,n)},t.setValue=function(e,n,o){var r=t.props,i=r.closeMenuOnSelect,a=r.isMulti,l=r.inputValue;t.onInputChange("",{action:"set-value",prevInputValue:l}),i&&(t.setState({inputIsHiddenAfterUpdate:!a}),t.onMenuClose()),t.setState({clearFocusValueOnUpdate:!0}),t.onChange(e,{action:n,option:o})},t.selectOption=function(e){var n=t.props,o=n.blurInputOnSelect,r=n.isMulti,i=n.name,a=t.state.selectValue,l=r&&t.isOptionSelected(e,a),s=t.isOptionDisabled(e,a);if(l){var c=t.getOptionValue(e);t.setValue(a.filter((function(e){return t.getOptionValue(e)!==c})),"deselect-option",e)}else{if(s)return void t.ariaOnChange(e,{action:"select-option",option:e,name:i});r?t.setValue([].concat(A(a),[e]),"select-option",e):t.setValue(e,"select-option")}o&&t.blurInput()},t.removeValue=function(e){var n=t.props.isMulti,o=t.state.selectValue,r=t.getOptionValue(e),i=o.filter((function(e){return t.getOptionValue(e)!==r})),a=Wt(n,i,i[0]||null);t.onChange(a,{action:"remove-value",removedValue:e}),t.focusInput()},t.clearValue=function(){var e=t.state.selectValue;t.onChange(Wt(t.props.isMulti,[],null),{action:"clear",removedValues:e})},t.popValue=function(){var e=t.props.isMulti,n=t.state.selectValue,o=n[n.length-1],r=n.slice(0,n.length-1),i=Wt(e,r,r[0]||null);t.onChange(i,{action:"pop-value",removedValue:o})},t.getValue=function(){return t.state.selectValue},t.cx=function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];return It.apply(void 0,[t.props.classNamePrefix].concat(n))},t.getOptionLabel=function(e){return mo(t.props,e)},t.getOptionValue=function(e){return fo(t.props,e)},t.getStyles=function(e,n){var o=t.props.unstyled,r=io[e](n,o);r.boxSizing="border-box";var i=t.props.styles[e];return i?i(r,n):r},t.getClassNames=function(e,n){var o,r;return null===(o=(r=t.props.classNames)[e])||void 0===o?void 0:o.call(r,n)},t.getElementId=function(e){return"".concat(t.instancePrefix,"-").concat(e)},t.getComponents=function(){return Sn(t.props)},t.buildCategorizedOptions=function(){return co(t.props,t.state.selectValue)},t.getCategorizedOptions=function(){return t.props.menuIsOpen?t.buildCategorizedOptions():[]},t.buildFocusableOptions=function(){return uo(t.buildCategorizedOptions())},t.getFocusableOptions=function(){return t.props.menuIsOpen?t.buildFocusableOptions():[]},t.ariaOnChange=function(e,n){t.setState({ariaSelection:E({value:e},n)})},t.onMenuMouseDown=function(e){0===e.button&&(e.stopPropagation(),e.preventDefault(),t.focusInput())},t.onMenuMouseMove=function(e){t.blockOptionHover=!1},t.onControlMouseDown=function(e){if(!e.defaultPrevented){var n=t.props.openMenuOnClick;t.state.isFocused?t.props.menuIsOpen?"INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName&&t.onMenuClose():n&&t.openMenu("first"):(n&&(t.openAfterFocus=!0),t.focusInput()),"INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName&&e.preventDefault()}},t.onDropdownIndicatorMouseDown=function(e){if(!(e&&"mousedown"===e.type&&0!==e.button||t.props.isDisabled)){var n=t.props,o=n.isMulti,r=n.menuIsOpen;t.focusInput(),r?(t.setState({inputIsHiddenAfterUpdate:!o}),t.onMenuClose()):t.openMenu("first"),e.preventDefault()}},t.onClearIndicatorMouseDown=function(e){e&&"mousedown"===e.type&&0!==e.button||(t.clearValue(),e.preventDefault(),t.openAfterFocus=!1,"touchend"===e.type?t.focusInput():setTimeout((function(){return t.focusInput()})))},t.onScroll=function(e){"boolean"==typeof t.props.closeMenuOnScroll?e.target instanceof HTMLElement&&Nt(e.target)&&t.props.onMenuClose():"function"==typeof t.props.closeMenuOnScroll&&t.props.closeMenuOnScroll(e)&&t.props.onMenuClose()},t.onCompositionStart=function(){t.isComposing=!0},t.onCompositionEnd=function(){t.isComposing=!1},t.onTouchStart=function(e){var n=e.touches,o=n&&n.item(0);o&&(t.initialTouchX=o.clientX,t.initialTouchY=o.clientY,t.userIsDragging=!1)},t.onTouchMove=function(e){var n=e.touches,o=n&&n.item(0);if(o){var r=Math.abs(o.clientX-t.initialTouchX),i=Math.abs(o.clientY-t.initialTouchY);t.userIsDragging=r>5||i>5}},t.onTouchEnd=function(e){t.userIsDragging||(t.controlRef&&!t.controlRef.contains(e.target)&&t.menuListRef&&!t.menuListRef.contains(e.target)&&t.blurInput(),t.initialTouchX=0,t.initialTouchY=0)},t.onControlTouchEnd=function(e){t.userIsDragging||t.onControlMouseDown(e)},t.onClearIndicatorTouchEnd=function(e){t.userIsDragging||t.onClearIndicatorMouseDown(e)},t.onDropdownIndicatorTouchEnd=function(e){t.userIsDragging||t.onDropdownIndicatorMouseDown(e)},t.handleInputChange=function(e){var n=t.props.inputValue,o=e.currentTarget.value;t.setState({inputIsHiddenAfterUpdate:!1}),t.onInputChange(o,{action:"input-change",prevInputValue:n}),t.props.menuIsOpen||t.onMenuOpen()},t.onInputFocus=function(e){t.props.onFocus&&t.props.onFocus(e),t.setState({inputIsHiddenAfterUpdate:!1,isFocused:!0}),(t.openAfterFocus||t.props.openMenuOnFocus)&&t.openMenu("first"),t.openAfterFocus=!1},t.onInputBlur=function(e){var n=t.props.inputValue;t.menuListRef&&t.menuListRef.contains(document.activeElement)?t.inputRef.focus():(t.props.onBlur&&t.props.onBlur(e),t.onInputChange("",{action:"input-blur",prevInputValue:n}),t.onMenuClose(),t.setState({focusedValue:null,isFocused:!1}))},t.onOptionHover=function(e){t.blockOptionHover||t.state.focusedOption===e||t.setState({focusedOption:e})},t.shouldHideSelectedOptions=function(){return bo(t.props)},t.onValueInputFocus=function(e){e.preventDefault(),e.stopPropagation(),t.focus()},t.onKeyDown=function(e){var n=t.props,o=n.isMulti,r=n.backspaceRemovesValue,i=n.escapeClearsValue,a=n.inputValue,l=n.isClearable,s=n.isDisabled,c=n.menuIsOpen,u=n.onKeyDown,p=n.tabSelectsValue,d=n.openMenuOnFocus,m=t.state,f=m.focusedOption,g=m.focusedValue,h=m.selectValue;if(!(s||"function"==typeof u&&(u(e),e.defaultPrevented))){switch(t.blockOptionHover=!0,e.key){case"ArrowLeft":if(!o||a)return;t.focusValue("previous");break;case"ArrowRight":if(!o||a)return;t.focusValue("next");break;case"Delete":case"Backspace":if(a)return;if(g)t.removeValue(g);else{if(!r)return;o?t.popValue():l&&t.clearValue()}break;case"Tab":if(t.isComposing)return;if(e.shiftKey||!c||!p||!f||d&&t.isOptionSelected(f,h))return;t.selectOption(f);break;case"Enter":if(229===e.keyCode)break;if(c){if(!f)return;if(t.isComposing)return;t.selectOption(f);break}return;case"Escape":c?(t.setState({inputIsHiddenAfterUpdate:!1}),t.onInputChange("",{action:"menu-close",prevInputValue:a}),t.onMenuClose()):l&&i&&t.clearValue();break;case" ":if(a)return;if(!c){t.openMenu("first");break}if(!f)return;t.selectOption(f);break;case"ArrowUp":c?t.focusOption("up"):t.openMenu("last");break;case"ArrowDown":c?t.focusOption("down"):t.openMenu("first");break;case"PageUp":if(!c)return;t.focusOption("pageup");break;case"PageDown":if(!c)return;t.focusOption("pagedown");break;case"Home":if(!c)return;t.focusOption("first");break;case"End":if(!c)return;t.focusOption("last");break;default:return}e.preventDefault()}},t.instancePrefix="react-select-"+(t.props.instanceId||++yo),t.state.selectValue=Pt(e.value),e.menuIsOpen&&t.state.selectValue.length){var n=t.buildFocusableOptions(),o=n.indexOf(t.state.selectValue[0]);t.state.focusedOption=n[o]}return t}return t=l,n=[{key:"componentDidMount",value:function(){this.startListeningComposition(),this.startListeningToTouch(),this.props.closeMenuOnScroll&&document&&document.addEventListener&&document.addEventListener("scroll",this.onScroll,!0),this.props.autoFocus&&this.focusInput(),this.props.menuIsOpen&&this.state.focusedOption&&this.menuListRef&&this.focusedOptionRef&&Vt(this.menuListRef,this.focusedOptionRef)}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.isDisabled,o=t.menuIsOpen,r=this.state.isFocused;(r&&!n&&e.isDisabled||r&&o&&!e.menuIsOpen)&&this.focusInput(),r&&n&&!e.isDisabled?this.setState({isFocused:!1},this.onMenuClose):r||n||!e.isDisabled||this.inputRef!==document.activeElement||this.setState({isFocused:!0}),this.menuListRef&&this.focusedOptionRef&&this.scrollToFocusedOptionOnUpdate&&(Vt(this.menuListRef,this.focusedOptionRef),this.scrollToFocusedOptionOnUpdate=!1)}},{key:"componentWillUnmount",value:function(){this.stopListeningComposition(),this.stopListeningToTouch(),document.removeEventListener("scroll",this.onScroll,!0)}},{key:"onMenuOpen",value:function(){this.props.onMenuOpen()}},{key:"onMenuClose",value:function(){this.onInputChange("",{action:"menu-close",prevInputValue:this.props.inputValue}),this.props.onMenuClose()}},{key:"onInputChange",value:function(e,t){this.props.onInputChange(e,t)}},{key:"focusInput",value:function(){this.inputRef&&this.inputRef.focus()}},{key:"blurInput",value:function(){this.inputRef&&this.inputRef.blur()}},{key:"openMenu",value:function(e){var t=this,n=this.state,o=n.selectValue,r=n.isFocused,i=this.buildFocusableOptions(),a="first"===e?0:i.length-1;if(!this.props.isMulti){var l=i.indexOf(o[0]);l>-1&&(a=l)}this.scrollToFocusedOptionOnUpdate=!(r&&this.menuListRef),this.setState({inputIsHiddenAfterUpdate:!1,focusedValue:null,focusedOption:i[a]},(function(){return t.onMenuOpen()}))}},{key:"focusValue",value:function(e){var t=this.state,n=t.selectValue,o=t.focusedValue;if(this.props.isMulti){this.setState({focusedOption:null});var r=n.indexOf(o);o||(r=-1);var i=n.length-1,a=-1;if(n.length){switch(e){case"previous":a=0===r?0:-1===r?i:r-1;break;case"next":r>-1&&r<i&&(a=r+1)}this.setState({inputIsHidden:-1!==a,focusedValue:n[a]})}}}},{key:"focusOption",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"first",t=this.props.pageSize,n=this.state.focusedOption,o=this.getFocusableOptions();if(o.length){var r=0,i=o.indexOf(n);n||(i=-1),"up"===e?r=i>0?i-1:o.length-1:"down"===e?r=(i+1)%o.length:"pageup"===e?(r=i-t)<0&&(r=0):"pagedown"===e?(r=i+t)>o.length-1&&(r=o.length-1):"last"===e&&(r=o.length-1),this.scrollToFocusedOptionOnUpdate=!0,this.setState({focusedOption:o[r],focusedValue:null})}}},{key:"getTheme",value:function(){return this.props.theme?"function"==typeof this.props.theme?this.props.theme(ao):E(E({},ao),this.props.theme):ao}},{key:"getCommonProps",value:function(){var e=this.clearValue,t=this.cx,n=this.getStyles,o=this.getClassNames,r=this.getValue,i=this.selectOption,a=this.setValue,l=this.props,s=l.isMulti,c=l.isRtl,u=l.options;return{clearValue:e,cx:t,getStyles:n,getClassNames:o,getValue:r,hasValue:this.hasValue(),isMulti:s,isRtl:c,options:u,selectOption:i,selectProps:l,setValue:a,theme:this.getTheme()}}},{key:"hasValue",value:function(){return this.state.selectValue.length>0}},{key:"hasOptions",value:function(){return!!this.getFocusableOptions().length}},{key:"isClearable",value:function(){var e=this.props,t=e.isClearable,n=e.isMulti;return void 0===t?n:t}},{key:"isOptionDisabled",value:function(e,t){return go(this.props,e,t)}},{key:"isOptionSelected",value:function(e,t){return ho(this.props,e,t)}},{key:"filterOption",value:function(e,t){return vo(this.props,e,t)}},{key:"formatOptionLabel",value:function(e,t){if("function"==typeof this.props.formatOptionLabel){var n=this.props.inputValue,o=this.state.selectValue;return this.props.formatOptionLabel(e,{context:t,inputValue:n,selectValue:o})}return this.getOptionLabel(e)}},{key:"formatGroupLabel",value:function(e){return this.props.formatGroupLabel(e)}},{key:"startListeningComposition",value:function(){document&&document.addEventListener&&(document.addEventListener("compositionstart",this.onCompositionStart,!1),document.addEventListener("compositionend",this.onCompositionEnd,!1))}},{key:"stopListeningComposition",value:function(){document&&document.removeEventListener&&(document.removeEventListener("compositionstart",this.onCompositionStart),document.removeEventListener("compositionend",this.onCompositionEnd))}},{key:"startListeningToTouch",value:function(){document&&document.addEventListener&&(document.addEventListener("touchstart",this.onTouchStart,!1),document.addEventListener("touchmove",this.onTouchMove,!1),document.addEventListener("touchend",this.onTouchEnd,!1))}},{key:"stopListeningToTouch",value:function(){document&&document.removeEventListener&&(document.removeEventListener("touchstart",this.onTouchStart),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"renderInput",value:function(){var e=this.props,t=e.isDisabled,n=e.isSearchable,o=e.inputId,r=e.inputValue,i=e.tabIndex,a=e.form,l=e.menuIsOpen,s=e.required,c=this.getComponents().Input,u=this.state,p=u.inputIsHidden,d=u.ariaSelection,f=this.commonProps,g=o||this.getElementId("input"),h=E(E(E({"aria-autocomplete":"list","aria-expanded":l,"aria-haspopup":!0,"aria-errormessage":this.props["aria-errormessage"],"aria-invalid":this.props["aria-invalid"],"aria-label":this.props["aria-label"],"aria-labelledby":this.props["aria-labelledby"],"aria-required":s,role:"combobox"},l&&{"aria-controls":this.getElementId("listbox"),"aria-owns":this.getElementId("listbox")}),!n&&{"aria-readonly":!0}),this.hasValue()?"initial-input-focus"===(null==d?void 0:d.action)&&{"aria-describedby":this.getElementId("live-region")}:{"aria-describedby":this.getElementId("placeholder")});return n?m.createElement(c,k({},f,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",id:g,innerRef:this.getInputRef,isDisabled:t,isHidden:p,onBlur:this.onInputBlur,onChange:this.handleInputChange,onFocus:this.onInputFocus,spellCheck:"false",tabIndex:i,form:a,type:"text",value:r},h)):m.createElement(Un,k({id:g,innerRef:this.getInputRef,onBlur:this.onInputBlur,onChange:Tt,onFocus:this.onInputFocus,disabled:t,tabIndex:i,inputMode:"none",form:a,value:""},h))}},{key:"renderPlaceholderOrValue",value:function(){var e=this,t=this.getComponents(),n=t.MultiValue,o=t.MultiValueContainer,r=t.MultiValueLabel,i=t.MultiValueRemove,a=t.SingleValue,l=t.Placeholder,s=this.commonProps,c=this.props,u=c.controlShouldRenderValue,p=c.isDisabled,d=c.isMulti,f=c.inputValue,g=c.placeholder,h=this.state,v=h.selectValue,b=h.focusedValue,y=h.isFocused;if(!this.hasValue()||!u)return f?null:m.createElement(l,k({},s,{key:"placeholder",isDisabled:p,isFocused:y,innerProps:{id:this.getElementId("placeholder")}}),g);if(d)return v.map((function(t,a){var l=t===b,c="".concat(e.getOptionLabel(t),"-").concat(e.getOptionValue(t));return m.createElement(n,k({},s,{components:{Container:o,Label:r,Remove:i},isFocused:l,isDisabled:p,key:c,index:a,removeProps:{onClick:function(){return e.removeValue(t)},onTouchEnd:function(){return e.removeValue(t)},onMouseDown:function(e){e.preventDefault()}},data:t}),e.formatOptionLabel(t,"value"))}));if(f)return null;var E=v[0];return m.createElement(a,k({},s,{data:E,isDisabled:p}),this.formatOptionLabel(E,"value"))}},{key:"renderClearIndicator",value:function(){var e=this.getComponents().ClearIndicator,t=this.commonProps,n=this.props,o=n.isDisabled,r=n.isLoading,i=this.state.isFocused;if(!this.isClearable()||!e||o||!this.hasValue()||r)return null;var a={onMouseDown:this.onClearIndicatorMouseDown,onTouchEnd:this.onClearIndicatorTouchEnd,"aria-hidden":"true"};return m.createElement(e,k({},t,{innerProps:a,isFocused:i}))}},{key:"renderLoadingIndicator",value:function(){var e=this.getComponents().LoadingIndicator,t=this.commonProps,n=this.props,o=n.isDisabled,r=n.isLoading,i=this.state.isFocused;return e&&r?m.createElement(e,k({},t,{innerProps:{"aria-hidden":"true"},isDisabled:o,isFocused:i})):null}},{key:"renderIndicatorSeparator",value:function(){var e=this.getComponents(),t=e.DropdownIndicator,n=e.IndicatorSeparator;if(!t||!n)return null;var o=this.commonProps,r=this.props.isDisabled,i=this.state.isFocused;return m.createElement(n,k({},o,{isDisabled:r,isFocused:i}))}},{key:"renderDropdownIndicator",value:function(){var e=this.getComponents().DropdownIndicator;if(!e)return null;var t=this.commonProps,n=this.props.isDisabled,o=this.state.isFocused,r={onMouseDown:this.onDropdownIndicatorMouseDown,onTouchEnd:this.onDropdownIndicatorTouchEnd,"aria-hidden":"true"};return m.createElement(e,k({},t,{innerProps:r,isDisabled:n,isFocused:o}))}},{key:"renderMenu",value:function(){var e=this,t=this.getComponents(),n=t.Group,o=t.GroupHeading,r=t.Menu,i=t.MenuList,a=t.MenuPortal,l=t.LoadingMessage,s=t.NoOptionsMessage,c=t.Option,u=this.commonProps,p=this.state.focusedOption,d=this.props,f=d.captureMenuScroll,g=d.inputValue,h=d.isLoading,v=d.loadingMessage,b=d.minMenuHeight,y=d.maxMenuHeight,E=d.menuIsOpen,C=d.menuPlacement,w=d.menuPosition,S=d.menuPortalTarget,x=d.menuShouldBlockScroll,_=d.menuShouldScrollIntoView,O=d.noOptionsMessage,T=d.onMenuScrollToTop,R=d.onMenuScrollToBottom;if(!E)return null;var I,P=function(t,n){var o=t.type,r=t.data,i=t.isDisabled,a=t.isSelected,l=t.label,s=t.value,d=p===r,f=i?void 0:function(){return e.onOptionHover(r)},g=i?void 0:function(){return e.selectOption(r)},h="".concat(e.getElementId("option"),"-").concat(n),v={id:h,onClick:g,onMouseMove:f,onMouseOver:f,tabIndex:-1};return m.createElement(c,k({},u,{innerProps:v,data:r,isDisabled:i,isSelected:a,key:h,label:l,type:o,value:s,isFocused:d,innerRef:d?e.getFocusedOptionRef:void 0}),e.formatOptionLabel(t.data,"menu"))};if(this.hasOptions())I=this.getCategorizedOptions().map((function(t){if("group"===t.type){var r=t.data,i=t.options,a=t.index,l="".concat(e.getElementId("group"),"-").concat(a),s="".concat(l,"-heading");return m.createElement(n,k({},u,{key:l,data:r,options:i,Heading:o,headingProps:{id:s,data:t.data},label:e.formatGroupLabel(t.data)}),t.options.map((function(e){return P(e,"".concat(a,"-").concat(e.index))})))}if("option"===t.type)return P(t,"".concat(t.index))}));else if(h){var A=v({inputValue:g});if(null===A)return null;I=m.createElement(l,u,A)}else{var M=O({inputValue:g});if(null===M)return null;I=m.createElement(s,u,M)}var N={minMenuHeight:b,maxMenuHeight:y,menuPlacement:C,menuPosition:w,menuShouldScrollIntoView:_},L=m.createElement(Xt,k({},u,N),(function(t){var n=t.ref,o=t.placerProps,a=o.placement,l=o.maxHeight;return m.createElement(r,k({},u,N,{innerRef:n,innerProps:{onMouseDown:e.onMenuMouseDown,onMouseMove:e.onMenuMouseMove,id:e.getElementId("listbox")},isLoading:h,placement:a}),m.createElement(no,{captureEnabled:f,onTopArrive:T,onBottomArrive:R,lockEnabled:x},(function(t){return m.createElement(i,k({},u,{innerRef:function(n){e.getMenuListRef(n),t(n)},isLoading:h,maxHeight:l,focusedOption:p}),I)})))}));return S||"fixed"===w?m.createElement(a,k({},u,{appendTo:S,controlElement:this.controlRef,menuPlacement:C,menuPosition:w}),L):L}},{key:"renderFormField",value:function(){var e=this,t=this.props,n=t.delimiter,o=t.isDisabled,r=t.isMulti,i=t.name,a=t.required,l=this.state.selectValue;if(a&&!this.hasValue()&&!o)return m.createElement(ro,{name:i,onFocus:this.onValueInputFocus});if(i&&!o){if(r){if(n){var s=l.map((function(t){return e.getOptionValue(t)})).join(n);return m.createElement("input",{name:i,type:"hidden",value:s})}var c=l.length>0?l.map((function(t,n){return m.createElement("input",{key:"i-".concat(n),name:i,type:"hidden",value:e.getOptionValue(t)})})):m.createElement("input",{name:i,type:"hidden",value:""});return m.createElement("div",null,c)}var u=l[0]?this.getOptionValue(l[0]):"";return m.createElement("input",{name:i,type:"hidden",value:u})}}},{key:"renderLiveRegion",value:function(){var e=this.commonProps,t=this.state,n=t.ariaSelection,o=t.focusedOption,r=t.focusedValue,i=t.isFocused,a=t.selectValue,l=this.getFocusableOptions();return m.createElement(Pn,k({},e,{id:this.getElementId("live-region"),ariaSelection:n,focusedOption:o,focusedValue:r,isFocused:i,selectValue:a,focusableOptions:l}))}},{key:"render",value:function(){var e=this.getComponents(),t=e.Control,n=e.IndicatorsContainer,o=e.SelectContainer,r=e.ValueContainer,i=this.props,a=i.className,l=i.id,s=i.isDisabled,c=i.menuIsOpen,u=this.state.isFocused,p=this.commonProps=this.getCommonProps();return m.createElement(o,k({},p,{className:a,innerProps:{id:l,onKeyDown:this.onKeyDown},isDisabled:s,isFocused:u}),this.renderLiveRegion(),m.createElement(t,k({},p,{innerRef:this.getControlRef,innerProps:{onMouseDown:this.onControlMouseDown,onTouchEnd:this.onControlTouchEnd},isDisabled:s,isFocused:u,menuIsOpen:c}),m.createElement(r,k({},p,{isDisabled:s}),this.renderPlaceholderOrValue(),this.renderInput()),m.createElement(n,k({},p,{isDisabled:s}),this.renderClearIndicator(),this.renderLoadingIndicator(),this.renderIndicatorSeparator(),this.renderDropdownIndicator())),this.renderMenu(),this.renderFormField())}}],o=[{key:"getDerivedStateFromProps",value:function(e,t){var n=t.prevProps,o=t.clearFocusValueOnUpdate,r=t.inputIsHiddenAfterUpdate,i=t.ariaSelection,a=t.isFocused,l=t.prevWasFocused,s=e.options,c=e.value,u=e.menuIsOpen,p=e.inputValue,d=e.isMulti,m=Pt(c),f={};if(n&&(c!==n.value||s!==n.options||u!==n.menuIsOpen||p!==n.inputValue)){var g=u?function(e,t){return uo(co(e,t))}(e,m):[],h=o?function(e,t){var n=e.focusedValue,o=e.selectValue.indexOf(n);if(o>-1){if(t.indexOf(n)>-1)return n;if(o<t.length)return t[o]}return null}(t,m):null,v=function(e,t){var n=e.focusedOption;return n&&t.indexOf(n)>-1?n:t[0]}(t,g);f={selectValue:m,focusedOption:v,focusedValue:h,clearFocusValueOnUpdate:!1}}var b=null!=r&&e!==n?{inputIsHidden:r,inputIsHiddenAfterUpdate:void 0}:{},y=i,C=a&&l;return a&&!C&&(y={value:Wt(d,m,m[0]||null),options:m,action:"initial-input-focus"},C=!l),"initial-input-focus"===(null==i?void 0:i.action)&&(y=null),E(E(E({},f),b),{},{prevProps:e,ariaSelection:y,prevWasFocused:C})}}],n&&T(t.prototype,n),o&&T(t,o),Object.defineProperty(t,"prototype",{writable:!1}),l}(m.Component);Eo.defaultProps=lo;var Co=(0,m.forwardRef)((function(e,t){var n=function(e){var t=e.defaultInputValue,n=void 0===t?"":t,o=e.defaultMenuIsOpen,r=void 0!==o&&o,i=e.defaultValue,a=void 0===i?null:i,l=e.inputValue,s=e.menuIsOpen,c=e.onChange,u=e.onInputChange,p=e.onMenuClose,d=e.onMenuOpen,f=e.value,g=_(e,O),h=S((0,m.useState)(void 0!==l?l:n),2),v=h[0],b=h[1],y=S((0,m.useState)(void 0!==s?s:r),2),C=y[0],w=y[1],x=S((0,m.useState)(void 0!==f?f:a),2),k=x[0],T=x[1],R=(0,m.useCallback)((function(e,t){"function"==typeof c&&c(e,t),T(e)}),[c]),I=(0,m.useCallback)((function(e,t){var n;"function"==typeof u&&(n=u(e,t)),b(void 0!==n?n:e)}),[u]),P=(0,m.useCallback)((function(){"function"==typeof d&&d(),w(!0)}),[d]),A=(0,m.useCallback)((function(){"function"==typeof p&&p(),w(!1)}),[p]),M=void 0!==l?l:v,N=void 0!==s?s:C,L=void 0!==f?f:k;return E(E({},g),{},{inputValue:M,menuIsOpen:N,onChange:R,onInputChange:I,onMenuClose:A,onMenuOpen:P,value:L})}(e);return m.createElement(Eo,k({ref:t},n))}));const wo=Co;function So(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,R(e,t)}const xo=f().createContext(null);var _o="unmounted",Oo="exited",ko="entering",To="entered",Ro="exiting",Io=function(e){function t(t,n){var o;o=e.call(this,t,n)||this;var r,i=n&&!n.isMounting?t.enter:t.appear;return o.appearStatus=null,t.in?i?(r=Oo,o.appearStatus=ko):r=To:r=t.unmountOnExit||t.mountOnEnter?_o:Oo,o.state={status:r},o.nextCallback=null,o}So(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===_o?{status:Oo}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==ko&&n!==To&&(t=ko):n!==ko&&n!==To||(t=Ro)}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,o=this.props.timeout;return e=t=n=o,null!=o&&"number"!=typeof o&&(e=o.exit,t=o.enter,n=void 0!==o.appear?o.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===ko){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:lt().findDOMNode(this);n&&function(e){e.scrollTop}(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===Oo&&this.setState({status:_o})},n.performEnter=function(e){var t=this,n=this.props.enter,o=this.context?this.context.isMounting:e,r=this.props.nodeRef?[o]:[lt().findDOMNode(this),o],i=r[0],a=r[1],l=this.getTimeouts(),s=o?l.appear:l.enter;e||n?(this.props.onEnter(i,a),this.safeSetState({status:ko},(function(){t.props.onEntering(i,a),t.onTransitionEnd(s,(function(){t.safeSetState({status:To},(function(){t.props.onEntered(i,a)}))}))}))):this.safeSetState({status:To},(function(){t.props.onEntered(i)}))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),o=this.props.nodeRef?void 0:lt().findDOMNode(this);t?(this.props.onExit(o),this.safeSetState({status:Ro},(function(){e.props.onExiting(o),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:Oo},(function(){e.props.onExited(o)}))}))}))):this.safeSetState({status:Oo},(function(){e.props.onExited(o)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(o){n&&(n=!1,t.nextCallback=null,e(o))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:lt().findDOMNode(this),o=null==e&&!this.props.addEndListener;if(n&&!o){if(this.props.addEndListener){var r=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],i=r[0],a=r[1];this.props.addEndListener(i,a)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===_o)return null;var t=this.props,n=t.children,o=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,x(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return f().createElement(xo.Provider,{value:null},"function"==typeof n?n(e,o):f().cloneElement(f().Children.only(n),o))},t}(f().Component);function Po(){}Io.contextType=xo,Io.propTypes={},Io.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:Po,onEntering:Po,onEntered:Po,onExit:Po,onExiting:Po,onExited:Po},Io.UNMOUNTED=_o,Io.EXITED=Oo,Io.ENTERING=ko,Io.ENTERED=To,Io.EXITING=Ro;const Ao=Io;function Mo(e,t){var n=Object.create(null);return e&&m.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&(0,m.isValidElement)(e)?t(e):e}(e)})),n}function No(e,t,n){return null!=n[t]?n[t]:e.props[t]}function Lo(e,t,n){var o=Mo(e.children),r=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var o,r=Object.create(null),i=[];for(var a in e)a in t?i.length&&(r[a]=i,i=[]):i.push(a);var l={};for(var s in t){if(r[s])for(o=0;o<r[s].length;o++){var c=r[s][o];l[r[s][o]]=n(c)}l[s]=n(s)}for(o=0;o<i.length;o++)l[i[o]]=n(i[o]);return l}(t,o);return Object.keys(r).forEach((function(i){var a=r[i];if((0,m.isValidElement)(a)){var l=i in t,s=i in o,c=t[i],u=(0,m.isValidElement)(c)&&!c.props.in;!s||l&&!u?s||!l||u?s&&l&&(0,m.isValidElement)(c)&&(r[i]=(0,m.cloneElement)(a,{onExited:n.bind(null,a),in:c.props.in,exit:No(a,"exit",e),enter:No(a,"enter",e)})):r[i]=(0,m.cloneElement)(a,{in:!1}):r[i]=(0,m.cloneElement)(a,{onExited:n.bind(null,a),in:!0,exit:No(a,"exit",e),enter:No(a,"enter",e)})}})),r}var Do=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},zo=function(e){function t(t,n){var o,r=(o=e.call(this,t,n)||this).handleExited.bind(P(o));return o.state={contextValue:{isMounting:!0},handleExited:r,firstRender:!0},o}So(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,o,r=t.children,i=t.handleExited;return{children:t.firstRender?(n=e,o=i,Mo(n.children,(function(e){return(0,m.cloneElement)(e,{onExited:o.bind(null,e),in:!0,appear:No(e,"appear",n),enter:No(e,"enter",n),exit:No(e,"exit",n)})}))):Lo(e,r,i),firstRender:!1}},n.handleExited=function(e,t){var n=Mo(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=k({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,o=x(e,["component","childFactory"]),r=this.state.contextValue,i=Do(this.state.children).map(n);return delete o.appear,delete o.enter,delete o.exit,null===t?f().createElement(xo.Provider,{value:r},i):f().createElement(xo.Provider,{value:r},f().createElement(t,o,i))},t}(f().Component);zo.propTypes={},zo.defaultProps={component:"div",childFactory:function(e){return e}};const Vo=zo;var Fo=["in","onExited","appear","enter","exit"],Bo=function(e){return function(t){t.in,t.onExited,t.appear,t.enter,t.exit;var n=_(t,Fo);return m.createElement(e,n)}},Ho=["component","duration","in","onExited"],jo=function(e){var t=e.component,n=e.duration,o=void 0===n?1:n,r=e.in;e.onExited;var i=_(e,Ho),a=(0,m.useRef)(null),l={entering:{opacity:0},entered:{opacity:1,transition:"opacity ".concat(o,"ms")},exiting:{opacity:0},exited:{opacity:0}};return m.createElement(Ao,{mountOnEnter:!0,unmountOnExit:!0,in:r,timeout:o,nodeRef:a},(function(e){var n={style:E({},l[e]),ref:a};return m.createElement(t,k({innerProps:n},i))}))},Uo=function(e){var t=e.children,n=e.in,o=e.onExited,r=(0,m.useRef)(null),i=S((0,m.useState)("auto"),2),a=i[0],l=i[1];(0,m.useEffect)((function(){var e=r.current;if(e){var t=window.requestAnimationFrame((function(){return l(e.getBoundingClientRect().width)}));return function(){return window.cancelAnimationFrame(t)}}}),[]);var s=function(e){switch(e){default:return{width:a};case"exiting":return{width:0,transition:"width ".concat(260,"ms ease-out")};case"exited":return{width:0}}};return m.createElement(Ao,{enter:!1,mountOnEnter:!0,unmountOnExit:!0,in:n,onExited:function(){var e=r.current;e&&(null==o||o(e))},timeout:260,nodeRef:r},(function(e){return m.createElement("div",{ref:r,style:E({overflow:"hidden",whiteSpace:"nowrap"},s(e))},t)}))},$o=["in","onExited"],Wo=function(e){return function(t){var n=t.in,o=t.onExited,r=_(t,$o);return m.createElement(Uo,{in:n,onExited:o},m.createElement(e,k({cropWithEllipsis:n},r)))}},Go=function(e){return function(t){return m.createElement(jo,k({component:e,duration:t.isMulti?260:1},t))}},Yo=function(e){return function(t){return m.createElement(jo,k({component:e},t))}},qo=["component"],Xo=["children"],Jo=function(e){return function(t){return t.isMulti?m.createElement(Ko,k({component:e},t)):m.createElement(Vo,k({component:e},t))}},Ko=function(e){var t=e.component,n=_(e,qo),o=Zo(n);return m.createElement(Vo,k({component:t},o))},Zo=function(e){var t=e.children,n=_(e,Xo),o=n.isMulti,r=n.hasValue,i=n.innerProps,a=n.selectProps,l=a.components,s=a.controlShouldRenderValue,c=S((0,m.useState)(o&&s&&r),2),u=c[0],p=c[1],d=S((0,m.useState)(!1),2),f=d[0],g=d[1];(0,m.useEffect)((function(){r&&!u&&p(!0)}),[r,u]),(0,m.useEffect)((function(){f&&!r&&u&&p(!1),g(!1)}),[f,r,u]);var h=function(){return g(!0)},v=E(E({},i),{},{style:E(E({},null==i?void 0:i.style),{},{display:o&&r||u?"flex":"grid"})});return E(E({},n),{},{innerProps:v,children:m.Children.toArray(t).map((function(e){if(o&&m.isValidElement(e)){if(e.type===l.MultiValue)return m.cloneElement(e,{onExited:h});if(e.type===l.Placeholder&&u)return null}return e}))})},Qo=["Input","MultiValue","Placeholder","SingleValue","ValueContainer"],er=function(){var e=Sn({components:arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}}),t=e.Input,n=e.MultiValue,o=e.Placeholder,r=e.SingleValue,i=e.ValueContainer,a=_(e,Qo);return E({Input:Bo(t),MultiValue:Wo(n),Placeholder:Go(o),SingleValue:Yo(r),ValueContainer:Jo(i)},a)},tr=er();tr.Input,tr.MultiValue,tr.Placeholder,tr.SingleValue,tr.ValueContainer;const nr=kn(er),or=function(e){let{value:t,options:n,onChange:o,label:r,height:a,help:l}=e;const[c,u]=(0,i.useState)(t);return(0,i.useEffect)((()=>{u(t)}),[t]),(0,i.createElement)(i.Fragment,null,(0,i.createElement)(s.BaseControl,{label:r,help:"",className:"image-radio-select-control-label wcspots-label"}),(0,i.createElement)(s.ButtonGroup,null,n.map((e=>(0,i.createElement)(s.Button,{key:e.value,isPrimary:c===e.value,onClick:()=>{return t=e.value,u(t),void o(t);var t},style:{padding:"4px",boxShadow:"none",borderWidth:"0"},className:"wcspots-image-button"},e.icon?(0,i.createElement)(s.Dashicon,{icon:e.icon}):(0,i.createElement)("img",{src:e.image,alt:e.label,style:{height:a}}))))))},rr=e=>{let{popoverAtts:t,setAttributes:o}=e;const{elementsToggle:c,popoverWidth:u}=t,p=r.Y4.popoverAtts.default,d=e=>{const n={...t};e.forEach((e=>{n[e]=p[e]})),o({popoverAtts:n})},f=()=>{let e=t.productsLayout;return["layout1"===e||"layout3"===e?(0,a.__)("Enable image height","wcspots"):(0,a.__)("Enable image width","wcspots"),"layout1"===e||"layout3"===e?(0,a.__)("Image height","wcspots"):(0,a.__)("Image width","wcspots")]},g=[{name:"popoverLayout",title:"Layout",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(or,{label:(0,a.__)("Popover layout type","wcspots"),help:(0,a.__)("Pick a layout for popover with product","wcspots"),options:[{value:"layout1",label:"Layout 1",image:n(531)},{value:"layout2",label:"Layout 2",image:n(829)},{value:"layout3",label:"Layout 3",image:n(924)},{value:"layout4",label:"Layout 3",image:n(328)}],value:t.productsLayout,onChange:e=>{o({popoverAtts:{...t,productsLayout:e}})},height:"38px"}),c?.image&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:f()[0],checked:t.imageSizeOn,onChange:()=>o({popoverAtts:{...t,imageSizeOn:!t.imageSizeOn}})}),(0,i.createElement)(s.CardDivider,{size:"xSmall",style:{margin:"10px 0"}}),t.imageSizeOn&&(0,i.createElement)(l.HeightControl,{label:f()[1],value:t.imageSize,onChange:e=>{o({popoverAtts:{...t,imageSize:e}})},height:15})),(0,i.createElement)(or,{label:(0,a.__)("Product align","wcspots"),help:(0,a.__)("Align product elements in the popover","wcspots"),options:[{value:"flex-start",label:"Flex start",icon:"align-left"},{value:"center",label:"Center",icon:"align-center"},{value:"flex-end",label:"Flex end",icon:"align-right"}],value:t.productsAlign,onChange:e=>{o({popoverAtts:{...t,productsAlign:e}})}}),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover width: minimum","wcspots"),value:u.min,onChange:e=>{o({popoverAtts:{...t,popoverWidth:{...u,min:e}}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover width: preferred","wcspots"),value:u.val,onChange:e=>{o({popoverAtts:{...t,popoverWidth:{...u,val:e}}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover width: maximum","wcspots"),value:u.max,onChange:e=>{o({popoverAtts:{...t,popoverWidth:{...u,max:e}}})}}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset popover layout settings.","wcspots"),onClick:()=>{d(["productsLayout","imageSizeOn","imageSize","productsAlign","popoverWidth"])},className:"wcspots-reset-attributes"}))},{name:"toggleElements",title:"Toggle elements",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show image","wcspots"),checked:c?.image,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,image:!c?.image}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show title","wcspots"),checked:c?.title,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,title:!c?.title}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show price","wcspots"),checked:c?.price,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,price:!c?.price}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show excerpt","wcspots"),checked:c?.excerpt,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,excerpt:!c?.excerpt}}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show Add to Cart","wcspots"),checked:c?.addToCart,onChange:()=>o({popoverAtts:{...t,elementsToggle:{...c,addToCart:!c?.addToCart}}})}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset toggle","wcspots"),onClick:()=>{d(["elementsToggle"])},className:"wcspots-reset-attributes"}))}],h=[{name:"popoverSpacing",title:"Spacing",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),"layout3"!==t.productsLayout&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Popover padding","wcspots"),value:t.popoverPadding,onChange:e=>{o({popoverAtts:{...t,popoverPadding:e}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements spacing","wcspots"),value:t.productSpacing,onChange:e=>{o({popoverAtts:{...t,productSpacing:e}})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements padding","wcspots"),value:t.productPadding,onChange:e=>{o({popoverAtts:{...t,productPadding:e}})}}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset spacing","wcspots"),onClick:()=>{d(["popoverPadding","productSpacing","productPadding"])},className:"wcspots-reset-attributes"}))},{name:"popoverSizes",title:"Sizes",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),c?.title&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Title font size","wcspots"),value:t.titleSize,onChange:e=>{o({popoverAtts:{...t,titleSize:e}})}}),c?.price&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Price font size","wcspots"),value:t.priceSize,onChange:e=>{o({popoverAtts:{...t,priceSize:e}})}}),c?.excerpt&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Short description font size","wcspots"),value:t.excerptSize,onChange:e=>{o({popoverAtts:{...t,excerptSize:e}})}}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Add to Cart size","wcspots"),value:t.addToCartSize,onChange:e=>o({popoverAtts:{...t,addToCartSize:e}}),min:.5,max:2,step:.05}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset sizes","wcspots"),onClick:()=>{d(["titleSize","priceSize","excerptSize","addToCartSize"])},className:"wcspots-reset-attributes"}))},{name:"popoverColors",title:"Colors",content:(0,i.createElement)("div",null,(0,i.createElement)(l.PanelColorSettings,{initialOpen:!1,enableAlpha:!0,colorSettings:[{value:t.productBackColor,onChange:e=>o({popoverAtts:{...t,productBackColor:e}}),label:(0,a.__)("Background Color","wcspots")},c?.title?{value:t.titleColor,onChange:e=>o({popoverAtts:{...t,titleColor:e}}),label:(0,a.__)("Title Color","wcspots")}:null,c?.price?{value:t.priceColor,onChange:e=>o({popoverAtts:{...t,priceColor:e}}),label:(0,a.__)("Price Color","wcspots")}:null,c?.excerpt?{value:t.excerptColor,onChange:e=>o({popoverAtts:{...t,excerptColor:e}}),label:(0,a.__)("Excerpt Color","wcspots")}:null].filter((e=>null!==e))}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset colors","wcspots"),onClick:()=>{d(["productBackColor","titleColor","priceColor","excerptColor"])},className:"wcspots-reset-attributes"}))}];return(0,i.createElement)(m.Fragment,null,(0,i.createElement)(l.InspectorControls,{group:"settings"},(0,i.createElement)(s.PanelBody,{title:(0,a.__)("Popover layout","wcspots"),icon:"images-alt2",initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"popover-layout",tabs:g},(e=>(0,i.createElement)("div",null,e.content))),(0,i.createElement)(s.BaseControl,{help:(0,a.__)("Style properties like colors, spacing, and font sizes are available in the editor styles tab","wcspots")}))),(0,i.createElement)(l.InspectorControls,{group:"styles"},(0,i.createElement)(s.PanelBody,{title:(0,a.__)("Popover styles","wcspots"),icon:"images-alt2",initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"popover-style",tabs:h},(e=>(0,i.createElement)("div",null,e.content))),(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:"Rounded corners",value:t.roundCorners,onChange:e=>{o({popoverAtts:{...t,roundCorners:e}})}}),(0,i.createElement)(l.HeightControl,{label:"Arrow size",value:t.arrowSize,onChange:e=>{o({popoverAtts:{...t,arrowSize:e}})}}),(0,i.createElement)(s.BaseControl,{help:(0,a.__)('Arrow color is set in "Background Color" ("Colors" tab).',"wcspots")}))))},ir=e=>{let{attributes:t,setAttributes:o,clientId:c}=e;const u=(0,p.useEntityRecords)("postType","product",{per_page:-1}),{title:f,settingsTitleDesc:h,productsData:v,media:b,srcSetAtt:y,sizesAtt:E,mediaID:C,mediaURL:w,backImage:S,backimageOpacity:x,isStackedOnMobile:_,flexLayout:O,flexGap:k,flexItemsRatio:T,valign:R,productsLayout:I,productsAlign:P,columns:A,featuredImageSize:M,productsGap:N,productPadding:L,productSpacing:D,elementsToggle:z,imageSize:V,titleSize:F,priceSize:B,excerptSize:H,addToCartSize:j,productBackColor:U,titleColor:$,priceColor:W,excerptColor:G,hotspots:Y,hotspotSettings:q,popoverAtts:X}=t,J=r.Y4,K=e=>{const n={...t};e.forEach((e=>{n[e]=J[e].default})),o(n)};(0,m.useEffect)((()=>{if(b&&b.sizes){const e=b.sizes,t=Object.keys(e).filter((e=>"thumbnail"!==e)).reduce(((t,n)=>(t[n]=e[n],t)),{}),n=Object.keys(t).map((e=>`${(0,g.get)(t,[e,"url"],"")} ${(0,g.get)(t,[e,"width"],"")}w`)).join(", "),r=Object.keys(t).map((e=>`(max-width: ${(0,g.get)(t,[e,"width"],"")}px) ${(0,g.get)(t,[e,"width"],"")}px`)).join(", ");o({srcSetAtt:n,sizesAtt:r})}}),[b]);const Z=[{slug:"automatic",name:"Automatic"},...(0,d.useSelect)((e=>e("core/editor").getEditorSettings().imageSizes))],Q=()=>!(Y.length>0&&C&&!confirm("All existing hotspots will be removed - are you sure?")||(o({hotspots:[]}),0)),ee=e=>{const t=[...Y];t.splice(e,1),o({hotspots:t})},te=[{label:"Style 1",value:"iconstyle-1"},{label:"Style 2",value:"iconstyle-2"},{label:"Style 3",value:"iconstyle-3"}],ne=[{label:"Change general style",value:""},...te],oe=[{name:"productsLayout",title:"Layout",content:(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.CardDivider,{size:"xSmall",style:{margin:"10px 0"}}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Columns","wcspots"),value:A,onChange:e=>o({columns:e}),min:1,max:4}),(0,i.createElement)(or,{label:(0,a.__)("Product layout type","wcspots"),help:(0,a.__)("Pick a grid type for displaying selected products","wcspots"),options:[{value:"layout1",label:"Layout 1",image:n(21)},{value:"layout2",label:"Layout 2",image:n(959)},{value:"layout3",label:"Layout 3",image:n(209)},{value:"layout4",label:"Layout 3",image:n(705)}],value:I,onChange:e=>{o({productsLayout:e})},height:"38px"}),z.image&&("layout2"===I||"layout4"===I)&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.CardDivider,{size:"xSmall",style:{margin:"10px 0"}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Image width","wcspots"),value:V,onChange:e=>{o({imageSize:e})}})),z.image&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.CardDivider,{size:"xSmall",style:{margin:"10px 0"}}),(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Product image resolution","wcspots"),value:M,options:Z.map((e=>({value:e.slug,label:e.name}))),onChange:e=>o({featuredImageSize:e}),help:(0,a.__)("Select the size of the source image.","wcspots")})),(0,i.createElement)(or,{label:(0,a.__)("Product align","wcspots"),help:(0,a.__)("How to align the products","wcspots"),options:[{value:"flex-start",label:"Flex start",icon:"align-left"},{value:"center",label:"Center",icon:"align-center"},{value:"flex-end",label:"Flex end",icon:"align-right"}],value:P,onChange:e=>{o({productsAlign:e})},height:"28px"}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset products layout settings.","wcspots"),onClick:()=>{K(["productsLayout","productsAlign","columns","imageSize"])},className:"wcspots-reset-attributes"}))},{name:"toggleElements",title:"Toggle elements",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show image","wcspots"),checked:z.image,onChange:()=>o({elementsToggle:{...z,image:!z.image}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show title","wcspots"),checked:z.title,onChange:()=>o({elementsToggle:{...z,title:!z.title}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show price","wcspots"),checked:z.price,onChange:()=>o({elementsToggle:{...z,price:!z.price}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show excerpt","wcspots"),checked:z.excerpt,onChange:()=>o({elementsToggle:{...z,excerpt:!z.excerpt}})}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show Add to Cart","wcspots"),checked:z.addToCart,onChange:()=>o({elementsToggle:{...z,addToCart:!z.addToCart}})}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset toggles","wcspots"),onClick:()=>{K(["elementsToggle"])},className:"wcspots-reset-attributes"}))}],re=[{name:"productsSpacing",title:"Spacing",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Gap between products","wcspots"),value:N,onChange:e=>{o({productsGap:e})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements spacing","wcspots"),value:D,onChange:e=>{o({productSpacing:e})}}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Product elements padding","wcspots"),value:L,onChange:e=>{o({productPadding:e})},step:.5}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset spacing","wcspots"),onClick:()=>{K(["productsGap","productSpacing","productPadding"])},className:"wcspots-reset-attributes"}))},{name:"productSizes",title:"Sizes",content:(0,i.createElement)("div",null,(0,i.createElement)(s.CardDivider,{size:"xSmall"}),z.title&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Title font size","wcspots"),value:F,onChange:e=>{o({titleSize:e})}}),z.price&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Price font size","wcspots"),value:B,onChange:e=>{o({priceSize:e})}}),z.excerpt&&(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Short description font size","wcspots"),value:H,onChange:e=>{o({excerptSize:e})}}),z.addToCart&&(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Add to Cart size","wcspots"),value:j,onChange:e=>o({addToCartSize:e}),min:.5,max:2,step:.05}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset sizes","wcspots"),onClick:()=>{K(["titleSize","priceSize","excerptSize","excerptSize","addToCartSize"])},className:"wcspots-reset-attributes"}))},{name:"colors",title:"Colors",content:(0,i.createElement)(m.Fragment,null,(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,enableAlpha:!0,colorSettings:[{value:U,onChange:e=>o({productBackColor:e}),label:(0,a.__)("Background Color","wcspots")},z.title?{value:$,onChange:e=>o({titleColor:e}),label:(0,a.__)("Title color","wcspots")}:null,z.price?{value:W,onChange:e=>o({priceColor:e}),label:(0,a.__)("Price color","wcspots")}:null,z.excerpt?{value:G,onChange:e=>o({excerptColor:e}),label:(0,a.__)("Short description color","wcspots")}:null].filter((e=>null!==e))}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset colors","wcspots"),onClick:()=>{K(["productBackColor","titleColor","priceColor","excerptColor"])},className:"wcspots-reset-attributes"}))}],ie=u?.records?.map((e=>({value:e.id,label:e.title.raw}))),ae=nr();return(0,i.createElement)(m.Fragment,null,(0,i.createElement)(l.InspectorControls,{group:"settings"},(0,i.createElement)(s.PanelBody,{icon:"text",title:(0,a.__)("Title and description","wcspots"),initialOpen:!1},(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show title","wcspots"),checked:h.activeTitle,onChange:()=>o({settingsTitleDesc:{...h,activeTitle:!h.activeTitle}})}),h.activeTitle&&(0,i.createElement)(l.HeightControl,{label:"Title spacing",value:h.spacingTitle,onChange:e=>{o({settingsTitleDesc:{...h,spacingTitle:e}})}}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show description","wcspots"),checked:h.activeDesc,onChange:()=>o({settingsTitleDesc:{...h,activeDesc:!h.activeDesc}})}),h.activeDesc&&(0,i.createElement)(l.HeightControl,{label:"Description spacing",value:h.spacingDesc,onChange:e=>{o({settingsTitleDesc:{...h,spacingDesc:e}})}})),Boolean(window.wcspotsVars?.wooActive)&&(0,i.createElement)(s.PanelBody,{icon:"store",title:(0,a.__)("WooCommerce products","wcspots"),initialOpen:!0},(0,i.createElement)(s.CardDivider,{size:"xSmall"}),u.isResolving?(0,a.__)("Loading products list","wcspots"):(0,i.createElement)(wo,{closeMenuOnSelect:!1,components:ae,value:v,isMulti:!0,options:ie,onChange:e=>{(e=>{const t=Y.filter((t=>!t.assigned||e.some((e=>e.value===t.productId))));o({hotspots:t})})(e),o({productsData:e})}})),(0,i.createElement)(s.PanelBody,{icon:"format-image",title:(0,a.__)("Image for Hot Spots","wcspots"),initialOpen:!1},(0,i.createElement)(s.PanelRow,null,(0,i.createElement)(l.MediaUpload,{label:(0,a.__)("Choose image for Woo HotSpots Block","wcspots"),onSelect:e=>{Q()&&o({mediaURL:e.url,mediaID:e.id,media:e})},allowedTypes:"image",value:C,render:e=>{let{open:t}=e;return(0,i.createElement)(s.Button,{isSmall:!0,isSecondary:!0,className:C?"image-button":"button button-large",onClick:t},C?(0,a.__)("Replace Image","wcspots"):(0,a.__)("Add Image","wcspots"))}}),C&&(0,i.createElement)(s.PanelRow,null,(0,i.createElement)(s.IconButton,{icon:"no-alt",onClick:()=>{Q()&&o({mediaURL:null,mediaID:null})},label:(0,a.__)("Remove image","wcspots")}))),(0,i.createElement)(s.PanelRow,null,C?(0,i.createElement)("img",{src:w,alt:(0,a.__)("Upload image","wcspots")}):(0,a.__)("No image selected","wcspots")),C&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Background image","wcspots"),value:S,options:[{label:"No background image",value:"backimage-none"},{label:"Same image as background",value:"backimage-same"}],onChange:e=>o({backImage:e})}),(0,i.createElement)(s.CardDivider,{size:"xSmall"})),"backimage-none"!==S&&C&&(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Background image opacity","wcspots"),value:x,onChange:e=>o({backimageOpacity:e}),min:0,max:1,step:.05})),(0,i.createElement)(s.PanelBody,{icon:"layout",title:(0,a.__)("Layout","wcspots"),initialOpen:!1},(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Stack on mobile","wcspots"),checked:_,onChange:()=>o({isStackedOnMobile:!_})}),(0,i.createElement)(s.SelectControl,{value:O,options:[{label:"Row - products first",value:"row"},{label:"Row - image first",value:"row-reverse"},{label:"Column - products first",value:"column"},{label:"Column - image first",value:"column-reverse"},{label:"Image only",value:"image-only"}],onChange:e=>o({flexLayout:e})}),!["image-only","column","column-reverse"].includes(O)&&(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Vertical align","wcspots"),value:R,options:[{label:"Top",value:"flex-start"},{label:"Center",value:"center"},{label:"Bottom",value:"flex-end"},{label:"Stretch",value:"stretch"}],onChange:e=>o({valign:e})}),(0,i.createElement)(s.RangeControl,{label:["image-only","column","column-reverse"].includes(O)?(0,a.__)("Image width (%)","wcspots"):(0,a.__)("Image / products ratio (%)","wcspots"),value:T,min:0,max:100,onChange:e=>o({flexItemsRatio:e})}),"image-only"!==O&&(0,i.createElement)(l.HeightControl,{label:"Image/products gap",value:k,onChange:e=>{o({flexGap:e})}}),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset layout","wcspots"),onClick:()=>{K(["isStackedOnMobile","flexLayout","valign","flexItemsRatio","flexGap"])},className:"wcspots-reset-attributes"})),"image-only"!==O&&(0,i.createElement)(s.PanelBody,{icon:"products",title:(0,a.__)("Product layout","wcspots"),initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"product-settings",tabs:oe},(e=>(0,i.createElement)("div",null,e.content))),(0,i.createElement)(s.BaseControl,{help:(0,a.__)("Style properties like colors, spacing, and font sizes are available in the editor styles tab.","wcspots")})),(0,i.createElement)(s.PanelBody,{icon:"marker",title:(0,a.__)("Hotspots","wcspots"),initialOpen:!1},Y.length>0?(0,i.createElement)(m.Fragment,null,(0,i.createElement)("ul",{className:"hotspots-list"},Y.map(((e,t)=>(0,i.createElement)(m.Fragment,null,(0,i.createElement)("li",{key:t,className:"hotspot-list-item"},(0,i.createElement)("p",null,e.productTitle?e.productTitle:e.name),(0,i.createElement)(s.IconButton,{icon:"trash",onClick:()=>ee(t),label:(0,a.__)("Remove hotspot","wcspots")})))))),Y.length>1&&(0,i.createElement)(s.Button,{isSecondary:!0,isSmall:!0,onClick:()=>o({hotspots:[]}),style:{marginTop:"20px"}},(0,a.__)("Remove All Hotspots","wcspots")),(0,i.createElement)(s.BaseControl,{help:(0,a.__)("Style properties of hotspots are available in the editor styles tab.","wcspots")})):(0,i.createElement)("p",null,(0,a.__)("Click on image to add hotspots","wcspots")))),(0,i.createElement)(l.InspectorControls,{group:"styles"},"image-only"!==O&&(0,i.createElement)(s.PanelBody,{icon:"store",title:(0,a.__)("Product styles","wcspots"),initialOpen:!1},(0,i.createElement)(s.TabPanel,{className:"product-settings",tabs:re},(e=>(0,i.createElement)("div",null,e.content)))),(0,i.createElement)(s.PanelBody,{icon:"marker",title:(0,a.__)("Hotspots - general styles","wcspots"),initialOpen:!1},(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Hotspot style","wcspots"),value:q.iconStyle,options:te,onChange:e=>{o({hotspotSettings:{...q,iconStyle:e}})}}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Hotspot outer size","wcspots"),value:q.size,min:0,max:3,step:.05,onChange:e=>o({hotspotSettings:{...q,size:e}})}),(0,i.createElement)(s.RangeControl,{label:(0,a.__)("Hotspot inner size","wcspots"),value:q.innerSize,min:0,max:3,step:.05,onChange:e=>o({hotspotSettings:{...q,innerSize:e}})}),(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,className:"hotspot-tools-panel",enableAlpha:!0,colorSettings:[{value:q.primaryColor,onChange:e=>{o({hotspotSettings:{...q,primaryColor:e}})},label:(0,a.__)("Primary Color","wcspots")},{value:q.secondaryColor,onChange:e=>{o({hotspotSettings:{...q,secondaryColor:e}})},label:(0,a.__)("Secondary Color","wcspots")}]}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Pulsate all hotspots","wcspots"),checked:q.pulsateEff,onChange:()=>o({hotspotSettings:{...q,pulsateEff:!q.pulsateEff}})}),!q.pulsateEff&&(0,i.createElement)(s.BaseControl,{help:(0,a.__)('To pulsate individual hotspots, enable pulsation for each hotspot in "Hotspot - individual styles"',"wcspots")}),(0,i.createElement)(s.CardDivider,{size:"xSmall",style:{margin:"5px 0px 20px"}}),(0,i.createElement)(s.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Show product title","wcspots"),checked:q.showTitle,onChange:()=>o({hotspotSettings:{...q,showTitle:!q.showTitle}})}),q.showTitle&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(l.PanelColorSettings,{initialOpen:!0,className:"hotspot-tools-panel",enableAlpha:!0,colorSettings:[{value:q.titleColor,onChange:e=>{o({hotspotSettings:{...q,titleColor:e}})},label:(0,a.__)("Title Color","wcspots")},{value:q.titleBack,onChange:e=>{o({hotspotSettings:{...q,titleBack:e}})},label:(0,a.__)("Title Background Color","wcspots")}]}),(0,i.createElement)(l.HeightControl,{label:(0,a.__)("Title size","wcspots"),value:q.titleSize,onChange:e=>{o({hotspotSettings:{...q,titleSize:e}})}})),(0,i.createElement)(s.Button,{isLink:!0,isSmall:!0,text:(0,a.__)("Reset hotspot general styles","wcspots"),onClick:()=>{K(["hotspotSettings"])},className:"wcspots-reset-attributes"})),C&&Y&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.PanelBody,{icon:"marker",title:(0,a.__)("Hotspot - individual styles","wcspots"),initialOpen:!1},(0,i.createElement)(s.CardDivider,{size:"xSmall",style:{margin:"10px 0"}}),Y.map(((e,t)=>(0,i.createElement)(m.Fragment,{key:e.id},(0,i.createElement)("div",{key:t,style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},(0,i.createElement)(s.PanelBody,{title:e.productTitle?e.productTitle:e.name,initialOpen:!1,className:"hotspot-settings"},(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Hotspot style","wcspots"),value:e.iconStyle,options:ne,onChange:n=>{o({hotspots:[...Y.slice(0,t),{...e,iconStyle:n},...Y.slice(t+1)]})}}),(0,i.createElement)(l.PanelColorSettings,{className:"hotspot-tools-panel hotspot-colors",initialOpen:!0,enableAlpha:!0,colorSettings:[{value:e.primaryColor,onChange:n=>{o({hotspots:[...Y.slice(0,t),{...e,primaryColor:n},...Y.slice(t+1)]})},label:(0,a.__)("Primary Color","wcspots")},{value:e.secondaryColor,onChange:n=>{o({hotspots:[...Y.slice(0,t),{...e,secondaryColor:n},...Y.slice(t+1)]})},label:(0,a.__)("Secondary Color","wcspots")}]}),!q.pulsateEff&&(0,i.createElement)(s.ToggleControl,{label:(0,a.__)("Pulsate this hotspot","wcspots"),checked:e.pulsateEff,style:{marginTop:"10px"},onChange:n=>o({hotspots:[...Y.slice(0,t),{...e,pulsateEff:n},...Y.slice(t+1)]})})),(0,i.createElement)(s.IconButton,{icon:"trash",onClick:()=>ee(t),label:(0,a.__)("Remove hotspot","wcspots")}))))),Y.length>0&&(0,i.createElement)(m.Fragment,null,(0,i.createElement)(s.Button,{isSecondary:!0,isSmall:!0,onClick:()=>o({hotspots:[]}),style:{marginTop:"20px"}},(0,a.__)("Remove All Hotspots","wcspots"))),0==Y.length&&(0,i.createElement)("p",null,(0,a.__)("Click on image to add hotspots","wcspots"))))),C&&Y&&(0,i.createElement)(rr,{popoverAtts:X,setAttributes:o,clientId:c}))},ar=window.wp.apiFetch;var lr=n.n(ar);const sr=(e,t)=>{const[n,o]=(0,m.useState)(null),[r,i]=(0,m.useState)(!0);return(0,m.useEffect)((()=>{!async function(){try{const t=await lr()({path:`/wc/store/v1/products/${e}?_fields=id,name,short_description,price_html,images,permalink,add_to_cart,type`});o(t),i(!1)}catch(e){console.error("Error fetching products via WC Store API:",e)}}()}),[e]),{product:n,loading:r}},cr=e=>{let{productId:t,featuredImageSize:n}=e;const{product:o,loading:r}=sr(t),{loadingFeaturedImg:l,featuredImage:c}=((e,t)=>{const[n,o]=(0,m.useState)(!0),[r,i]=(0,m.useState)(null);return(0,m.useEffect)((()=>{!async function(){try{o(!0);const n=await lr()({path:`/wp/v2/product/${e}?_embed`});if("automatic"!=typeof t&&void 0!==n._embedded["wp:featuredmedia"]){const e=n._embedded["wp:featuredmedia"][0].media_details.sizes[t]?.source_url;i(e)}o(!1)}catch(e){console.error("Error fetching featured image size source url via WP Rest API:",e)}}()}),[t]),{loadingImg:n,featuredImage:r}})(t,n);if(r||l)return(0,i.createElement)(s.Spinner,null);if(!o)return(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"));const u=o.images&&o.images.length>0,p=u?o.images[0]:null,d=u?p.srcset:null,f=u?p.src:null,g="object"==typeof wc?(0,i.createElement)("img",{src:wc?.wcSettings?.PLACEHOLDER_IMG_SRC,alt:o.name}):(0,a.__)("Product has no featured image","wcspots");return u?(0,i.createElement)("img",k({},d&&!c?{srcSet:d}:{},{src:null!=c?c:f,alt:o.name})):(0,i.createElement)(m.Fragment,null,g)},ur=e=>{let{productId:t}=e;const{product:n,loading:o}=sr(t);return o?(0,i.createElement)("small",null,(0,a.__)("Loading product title...","wcspots")):n?(0,i.createElement)("a",{href:n.permalink},(r=n.name,(l=document.createElement("textarea")).innerHTML=r,l.value)):(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"));var r,l};var pr=n(856),dr=n.n(pr);const mr=e=>{let{productId:t}=e;const{product:n,loading:o}=sr(t),r=dr().sanitize;return o?(0,i.createElement)("small",null,(0,a.__)("Loading product price...","wcspots")):n?(0,i.createElement)("div",{dangerouslySetInnerHTML:{__html:r(n.price_html)}}):(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"))},fr=e=>{let{productId:t}=e;const{product:n,loading:o}=sr(t),r=dr().sanitize;return o?(0,i.createElement)("small",null,(0,a.__)("Loading short description...","wcspots")):n?(0,i.createElement)("div",{dangerouslySetInnerHTML:{__html:r(n.short_description)}}):(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"))},gr=e=>{let{productId:t}=e;const{product:n,loading:o}=sr(t);if(o)return(0,i.createElement)("small",null,(0,a.__)("Loading...","wcspots"));if(!n)return(0,i.createElement)("div",null,(0,a.__)("Product not found","wcspots"));const{text:r,description:l,url:s}=n.add_to_cart;return(0,i.createElement)(i.Fragment,null,(0,i.createElement)("a",{className:"wp-block-button__link wc-block-components-product-button__button add_to_cart_button ajax_add_to_cart",href:("simple"!==n?.type||!n?.price_html)&&s,title:l,onClick:()=>{"simple"===n?.type&&n?.price_html&&((e,t)=>{e.preventDefault(),(0,at.render)((0,a.__)("Adding...","wcspots"),e.target),lr()({path:"/wc/store/v1/cart/add-item",method:"POST",data:{id:t,quantity:1},headers:{Nonce:window?.wcspotsVars?.nonce}}).then((t=>((0,at.render)((0,a.__)("Product added","wcspots"),e.target),(0,at.render)((0,i.createElement)("a",{href:window.wcspotsVars.cartUrl},(0,a.__)("View Cart","wcspots")),e.target.nextElementSibling),t))).catch((e=>{throw console.log(e),e}))})(event,t)}},r),"simple"===n?.type&&(0,i.createElement)("small",{className:"view-cart"}))},hr=e=>{let{context:t,productId:n,featuredImageSize:o,productsLayout:r,productsAlign:a,productPadding:l,productSpacing:s,elementsToggle:c,imageSize:u,titleSize:p,priceSize:d,excerptSize:m,addToCartSize:f,productBackColor:g,fontColors:h}=e;const v=0!==n&&("edit"==t||"both"==t),b={backgroundColor:g},y={...("layout2"===r||"layout4"===r)&&{flexBasis:u}},E={padding:l,alignItems:a,...("layout2"===r||"layout4"===r)&&{flexBasis:`calc( 100% - ${u} )`}},C={fontSize:p,...h.titleColor&&{color:h.titleColor}},w={fontSize:d,...h.priceColor&&{color:h.priceColor}},S={fontSize:m,...h.excerptColor&&{color:h.excerptColor}},x={transform:`scale(${f})`},_={marginBottom:s};return(0,i.createElement)("div",{className:`wcspots-product align-${a}`,"data-product-id":n,style:b},"layout3"===r&&(0,i.createElement)("div",{className:"overlay",style:{background:g},"aria-hidden":!0}),c.image&&(0,i.createElement)("div",{className:"product-featured-image","data-product-image":n,style:y},v&&(0,i.createElement)(cr,{productId:n,featuredImageSize:o})),(0,i.createElement)("div",{className:"product-elements",style:E},c.title&&(0,i.createElement)("h4",{className:"product-title product-element","data-product-title":n,style:Object.assign(C,_)},v&&(0,i.createElement)(ur,{productId:n})),c.price&&(0,i.createElement)("div",{className:"product-price product-element","data-product-price":n,style:Object.assign(w,_)},v&&(0,i.createElement)(mr,{productId:n})),c.excerpt&&(0,i.createElement)("div",{className:"product-excerpt product-element","data-product-excerpt":n,style:Object.assign(S,_)},v&&(0,i.createElement)(fr,{productId:n})),c.addToCart&&(0,i.createElement)("div",{className:"product-add-to-cart product-element","data-product-addtocart":n,style:Object.assign(x,_)},v&&(0,i.createElement)(gr,{productId:n}))))},vr=e=>{let{productList:t,columns:n,featuredImageSize:o,productsGap:r,context:a,productsLayout:l,productsAlign:s,productPadding:c,productSpacing:u,elementsToggle:p,imageSize:d,titleSize:m,priceSize:f,excerptSize:g,addToCartSize:h,productBackColor:v,fontColors:b}=e;const y={gridTemplateColumns:`repeat(${n}, 1fr)`,gap:r};return(0,i.createElement)("div",{style:y,className:`product-grid ${l}`},t.map((e=>(0,i.createElement)(hr,{context:a,key:`product-${a}-${e}`,productId:e,featuredImageSize:o,productsLayout:l,productsAlign:s,productPadding:c,productSpacing:u,elementsToggle:p,imageSize:d,titleSize:m,priceSize:f,excerptSize:g,addToCartSize:h,productBackColor:v,fontColors:b}))))};var br=n(106);const yr=e=>{var t,n;const{assocProdId:o,parentElement:r,isEditing:a,popoverAtts:l}=e,[s,c]=(0,i.useState)(!1),{popoverWidth:u,popoverPadding:p,productsLayout:d,productsAlign:m,elementsToggle:f,productSpacing:g,productPadding:h,imageSizeOn:v,imageSize:b,titleSize:y,priceSize:E,excerptSize:C,addToCartSize:w,productBackColor:S,titleColor:x,priceColor:_,excerptColor:O,roundCorners:k,arrowSize:T}=l,R={width:`clamp(${u.min},${u.val},${u.max})`},I={...k&&{borderRadius:k},..."layout3"===d&&v&&{height:b}},P={borderWidth:T,...S&&{borderColor:S}},A={..."layout3"!==d&&{padding:p},...S&&{backgroundColor:S}},M={marginBottom:g},N=()=>!!v&&("layout1"===d?{height:b}:{flexBasis:b}),L=()=>{if(!v)return!1;let e=`calc( 100% - ${b} )`;return"layout1"===d?{height:e}:{flexBasis:e}},D={...null!==(t=N())&&void 0!==t?t:N()},z={padding:h,...null!==(n=L())&&void 0!==n?n:L()},V={fontSize:y,...x&&{color:x}},F={fontSize:E,..._&&{color:_}},B={fontSize:C,...O&&{color:O}},H={transform:`scale(${w})`};return(0,i.createElement)(br.Popover,{parentElement:r,isOpen:s,onClickOutside:()=>c(a),positions:["bottom","top","left","right"],padding:30,reposition:!0,align:"center",containerStyle:R,content:e=>{let{position:t,nudgedLeft:n,nudgedTop:r}=e;return(0,i.createElement)("div",{className:`popover-content ${d}`,style:I},(0,i.createElement)("div",{className:`arrow ${t}`,style:Object.assign(P,{marginLeft:-n,marginTop:-r})}),(0,i.createElement)("div",{className:`wcspots-product align-${m}`,style:A},"layout3"===d&&(0,i.createElement)("div",{className:"overlay",style:{background:S}}),f?.image&&(0,i.createElement)("div",{className:"product-featured-image",style:D},(0,i.createElement)(cr,{productId:o})),(0,i.createElement)("div",{className:"product-elements",style:z},f?.title&&(0,i.createElement)("h4",{className:"product-title product-element",style:Object.assign(V,M)},(0,i.createElement)(ur,{productId:o})),f?.price&&(0,i.createElement)("div",{className:"product-price product-element",style:Object.assign(F,M)},(0,i.createElement)(mr,{productId:o})),f?.excerpt&&(0,i.createElement)("div",{className:"product-excerpt product-element",style:Object.assign(B,M)},(0,i.createElement)(fr,{productId:o})),f?.addToCart&&(0,i.createElement)("div",{className:"product-add-to-cart product-element",style:Object.assign(H,M)},(0,i.createElement)(gr,{productId:o})))))}},(0,i.createElement)("div",{className:"popover-toggler",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"50%",zIndex:"5"},onClick:()=>{c((e=>!e))},draggable:!0}))},Er=(e,t,n,o)=>e?.map((e=>e.id===t?{...e,x:n,y:o}:e)),Cr=e=>{let{hotspot:t,hotspotSettings:n,onDoubleClick:o,onMouseOver:r,onMouseOut:l,clientId:c,hotspots:p,setAttributes:d,context:m,unassignProduct:f,removeHotspot:g,popoverAtts:h,popoverParent:v}=e;const{x:b,y,id:E,name:C,productId:w,productTitle:S,assigned:x,iconStyle:_,primaryColor:O,secondaryColor:T}=t,R={left:`${b}%`,top:`${y}%`},I={color:n.titleColor,backgroundColor:n.titleBack,fontSize:n.titleSize,marginTop:2*n.size+"%"};let P=O||n.primaryColor,A=T||n.secondaryColor;const M={...P&&{backgroundColor:P,outlineColor:P},width:`${n.size}rem`,height:`${n.size}rem`},N={...A&&{backgroundColor:A},width:`${n.innerSize}rem`,height:`${n.innerSize}rem`},L=((e,t,n)=>n||("edit"==e?t:null))(m,C,S),D=_||n.iconStyle,z=u()("product-hotspot",D||"iconstyle-1",{"pulsate ":t.pulsateEff||n.pulsateEff});let V,F=!1,B=0,H=0,j=document.getElementById(t.id);const U=e=>{if(F=!0,!t||!j||!V)return void(F=!1);const n=V.getBoundingClientRect();[B,H]=((e,t)=>{let n=(e.clientX-t.left)/t.width*100,o=(e.clientY-t.top)/t.height*100;return n=n>=100?100:n,n=n<=0?0:n,o=o>=100?100:o,o=o<=0?0:o,[n,o]})(e,n),j.style.left=`${B.toFixed(2)}% `,j.style.top=`${H.toFixed(2)}%`},$=e=>{F&&d({hotspots:Er(p,t.id,B,H)}),document.removeEventListener("mousemove",U),document.removeEventListener("mouseup",$)};return(0,i.createElement)("div",{style:R,id:t.id,className:z,"data-product-title":L,"data-product-id":w||"","data-client-id":c,"data-primColor":P,"data-secColor":A},(0,i.createElement)("div",{className:"inner",style:N}),(0,i.createElement)("div",{className:"outer",style:M}),(0,i.createElement)("div",k({className:"events-holder",onDoubleClick:()=>o(t),onMouseOver:()=>r(event,t,c,O||n.primaryColor),onMouseOut:()=>l(event,t,c)},"edit"===m&&{onMouseDown:e=>{e.button>1||(document.addEventListener("mousemove",U),document.addEventListener("mouseup",$),V=document.getElementById(`block-${c}`)?.getElementsByClassName("image-container")[0])}},{title:"Press and hold to move the hotspot"}),"edit"===m&&w&&(0,i.createElement)(yr,{assocProdId:w,parentElement:v,popoverAtts:h,isEditing:!0})),n.showTitle&&(0,i.createElement)("div",{className:"hotspot-product-title"},(0,i.createElement)("span",{className:"title-text",style:I},L),"edit"==m&&w&&(0,i.createElement)(s.IconButton,{className:"unassign",icon:"remove",onClick:()=>f(p,d,E),label:(0,a.__)("Unassign product","wcspots"),isSmall:!0,"aria-label":(0,a.__)("Unassign product","wcspots")})),"edit"==m&&(0,i.createElement)("div",{className:"remove-hotspot",onClick:()=>g(p,d,E),title:(0,a.__)("Remove the hotspot","wcspots"),"aria-label":(0,a.__)("Remove the hotspot","wcspots")},(0,i.createElement)(s.Icon,{icon:"no"})))},wr=e=>{const{attributes:t,setAttributes:n,context:o}=e,{title:r,settingsTitleDesc:c}=t;return(0,i.createElement)(i.Fragment,null,"edit"===o&&(0,i.createElement)(i.Fragment,null,(0,i.createElement)(l.BlockControls,null,(0,i.createElement)(s.Toolbar,null,(0,i.createElement)(l.AlignmentControl,{label:(0,a.__)("Align title and description"),value:c.align,onChange:e=>{n({settingsTitleDesc:{...c,align:e}})}}),(0,i.createElement)(s.DropdownMenu,{label:(0,a.__)("Format WCSpots Title","wcspots"),icon:"heading",controls:[{name:"p",title:"Paragraph"},{name:"h2",title:"Heading 2"},{name:"h3",title:"Heading 3"},{name:"h4",title:"Heading 4"},{name:"h5",title:"Heading 5"},{name:"h6",title:"Heading 6"}].map((e=>({title:e.title,onClick:()=>{return t=e.name,void n({settingsTitleDesc:{...c,tagName:t}});var t},isActive:c.tagName===e.name})))})))),"edit"===o?(0,i.createElement)(l.RichText,{tagName:c.tagName,value:r,onChange:e=>{n({title:e})},style:{textAlign:c.align,margin:`${c.spacingTitle} 0`},placeholder:(0,a.__)("Enter your title here","wcspots"),keepPlaceholderOnFocus:!0}):(0,i.createElement)(l.RichText.Content,{tagName:c.tagName,value:r,style:{textAlign:c.align,margin:`${c.spacingTitle} 0`}}))},Sr={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};let xr;const _r=new Uint8Array(16);function Or(){if(!xr&&(xr="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!xr))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return xr(_r)}const kr=[];for(let e=0;e<256;++e)kr.push((e+256).toString(16).slice(1));const Tr=function(e,t,n){if(Sr.randomUUID&&!t&&!e)return Sr.randomUUID();const o=(e=e||{}).random||(e.rng||Or)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t){n=n||0;for(let e=0;e<16;++e)t[n+e]=o[e];return t}return function(e,t=0){return(kr[e[t+0]]+kr[e[t+1]]+kr[e[t+2]]+kr[e[t+3]]+"-"+kr[e[t+4]]+kr[e[t+5]]+"-"+kr[e[t+6]]+kr[e[t+7]]+"-"+kr[e[t+8]]+kr[e[t+9]]+"-"+kr[e[t+10]]+kr[e[t+11]]+kr[e[t+12]]+kr[e[t+13]]+kr[e[t+14]]+kr[e[t+15]]).toLowerCase()}(o)},Rr=(e,t,n,o)=>{const r=e.target.closest(".wp-block-micemade-wcspots");if(!r)return;const i=r.dataset.block,a=t?.productId,l=r.querySelector(`[data-product-id="${a}"]`);l&&i==n&&(l.classList.add("highlighted"),l.style.setProperty("--highlight-color",`${o}`))},Ir=(e,t,n)=>{const o=e.target.closest(".wp-block-micemade-wcspots");if(!o)return;const r=o.dataset.block,i=t?.productId,a=o.querySelector(`[data-product-id="${i}"]`);a&&r==n&&(a.classList.remove("highlighted"),a.style.setProperty("--highlight-color",""))},Pr=(e,t,n)=>{const o=e?.map((e=>e.id===n?{...e,productId:null,productTitle:null,assigned:!1}:e));t({hotspots:o})},Ar=(e,t,n)=>{t({hotspots:e.filter((e=>n!==e.id))})},Mr=(e,t,n)=>!(e.length>0&&t&&!confirm("All existing hotspots will be removed - are you sure?")||(n({hotspots:[]}),0));(0,o.registerBlockType)(r.u2,{edit:e=>{let{clientId:t,attributes:n,setAttributes:o}=e;const{id:r,title:c,settingsTitleDesc:p,description:d,productsData:m,media:f,srcSetAtt:g,sizesAtt:h,mediaURL:v,mediaID:b,backImage:y,backimageOpacity:E,isStackedOnMobile:C,flexLayout:w,flexGap:S,flexItemsRatio:x,valign:_,productsLayout:O,productsAlign:k,columns:T,featuredImageSize:R,productsGap:I,productSpacing:P,productPadding:A,elementsToggle:M,imageSize:N,titleSize:L,priceSize:D,excerptSize:z,addToCartSize:V,productBackColor:F,titleColor:B,priceColor:H,excerptColor:j,hotspots:U,hotspotSettings:$,selectedHotspot:W,selectedProduct:G,editModal:Y,popoverAtts:q}=n;(0,i.useEffect)((()=>{0!==r.length&&r===t||o({id:t})}),[]);const[X,J]=(0,i.useState)();(0,i.useEffect)((()=>{const e=document.getElementsByClassName("editor-styles-wrapper")[0],t=document.querySelector('[name="editor-canvas"]'),n=t?t.contentDocument.getElementsByClassName("editor-styles-wrapper")[0]:null;J(n||e)}),[]);const K=m.map((e=>e.value)),Z=(0,l.useBlockProps)({"data-block-id":t,"data-product-ids":JSON.stringify(K),"data-popover-atts":JSON.stringify(q),"data-featured-image-size":R}),Q=m?.map((e=>({label:e.label,value:JSON.stringify([e.value,e.label])}))),ee=[{value:"",label:"Choose one of selected products"}].concat(Q),te={alignItems:(ne=w,"column"==ne.substring(0,6)?"center":_),gap:S,justifyContent:"center"};var ne;const oe=u()(w,{"is-stacked-on-mobile ":C}),re={width:"column"==w.substring(0,6)?`${x}%`:100-x+"%"},ie=u()({"is-stacked-on-mobile ":C}),ae=e=>{Mr(U,b,o)&&o({mediaURL:e.url,mediaID:e.id,media:e})},le=(0,i.createElement)(s.ToolbarGroup,null,(0,i.createElement)(l.MediaUpload,{onSelect:ae,onError:e=>{console.error("Media upload error:",e)},allowedTypes:["image"],value:b,render:e=>{let{open:t}=e;return(0,i.createElement)(s.ToolbarButton,{icon:"edit",title:"Replace Image",onClick:t})}}),(0,i.createElement)(s.ToolbarButton,{icon:"no-alt",label:"Remove Image",onClick:()=>{Mr(U,b,o)&&o({mediaURL:null,mediaID:null})}})),se=(0,a.__)('Pick your products in the sidebar "WooCommerce products" section.',"wcspots"),[ce,ue]=(0,i.useState)({x:0,y:0}),[pe,de]=(0,i.useState)(!1);return(0,i.createElement)(i.Fragment,null,(0,i.createElement)(ir,{attributes:n,setAttributes:o,clientId:t}),(0,i.createElement)(l.BlockControls,null,v&&le),(0,i.createElement)("div",Z,"backimage-none"!==y&&v&&(0,i.createElement)("div",{className:"cover-image",style:{backgroundImage:`url(${v})`,opacity:E}}),(0,i.createElement)("div",{className:"prepended"},p.activeTitle&&(0,i.createElement)(wr,{attributes:n,setAttributes:o,context:"edit"}),p.activeDesc&&(0,i.createElement)(l.RichText,{tagName:"p",value:d,onChange:e=>{o({description:e})},style:{textAlign:p.align,margin:`${p.spacingDesc} 0`},placeholder:(0,a.__)("Enter your description here","wcspots"),keepPlaceholderOnFocus:!0})),(0,i.createElement)("div",{className:`${oe} flex-container`,style:te},"image-only"!==w&&(0,i.createElement)("div",{className:`${ie}flex-block products-grid-container`,style:re},m.length>0&&(0,i.createElement)(vr,{context:"edit",productList:K,columns:m.length<=T?m.length:T,featuredImageSize:R,productsGap:I,productsLayout:O,productsAlign:k,productPadding:A,productSpacing:P,elementsToggle:M,imageSize:N,titleSize:L,priceSize:D,excerptSize:z,addToCartSize:V,productBackColor:F,fontColors:{titleColor:B,priceColor:H,excerptColor:j}}),0===m.length&&(0,i.createElement)("p",null,se)),(0,i.createElement)("div",{className:`${ie}flex-block image-container`,style:{width:`${x}%`}},!v&&(0,i.createElement)(l.MediaPlaceholder,{icon:"format-image",onSelect:ae,onSelectURL:ae,allowedTypes:["image"],labels:{title:(0,a.__)("Add image","wcspots"),instructions:(0,a.__)("Drag & drop or select an image file","wcspots")}}),v&&(0,i.createElement)("img",{className:"hotspot-image",src:v,srcSet:g,sizes:h,alt:(0,a.__)("WCSpots image","wcspots"),onClick:()=>((e,t,n)=>{const o=e.target.getBoundingClientRect(),r={x:(e.clientX-o.left)/o.width*100,y:(e.clientY-o.top)/o.height*100,id:Tr(),name:(0,a.__)("Double click on hotspot to assign a product.","wcspots"),productId:null,productTitle:null,assigned:!1,iconStyle:null,primaryColor:null,secondaryColor:null,size:1,innerSize:1,pulsateEff:!1},i=t?.concat(r);n({hotspots:i})})(event,U,o)}),U?.length>0&&U.map(((e,n)=>(0,i.createElement)(Cr,{context:"edit",key:`hotspot-${e.id}`,hotspot:e,hotspotSettings:$,onDoubleClick:()=>((e,t)=>{t({selectedHotspot:e.id}),t({selectedProduct:null}),t({editModal:!0})})(e,o),onMouseOver:Rr,onMouseOut:Ir,clientId:t,unassignProduct:Pr,removeHotspot:Ar,hotspots:U,setAttributes:o,popoverAtts:q,popoverParent:X}))),(0,i.createElement)("div",{className:`hotspots-editor-bottomtip ${u()({visible:0==U?.length&&v})}`},(0,a.__)("Click on image to add hotspots.","wcspots")))),(0,i.createElement)("div",{className:"appended"})),Y&&(0,i.createElement)(s.Modal,{title:(0,a.__)("Assign a product to this hotspot","wcspots"),onRequestClose:()=>o({editModal:!1,selectedHotspot:null})},m.length>0&&(0,i.createElement)(s.SelectControl,{label:(0,a.__)("Products","wcspots"),value:G?JSON.stringify([G.id,G.name]):"",options:ee,onChange:e=>{((e,t,n,o)=>{const[r,i]=JSON.parse(e),a=t?.map((e=>e.id===n?{...e,productId:r,productTitle:i,assigned:!0}:e));o({hotspots:a}),o({selectedProduct:e}),o({selectedHotspot:null}),o({editModal:!1})})(e,U,W,o)}}),0===m.length&&(0,i.createElement)("p",null,se)))},save:e=>{let{attributes:t}=e;const{id:n,title:o,settingsTitleDesc:r,description:s,productsData:c,media:p,srcSetAtt:d,sizesAtt:m,mediaURL:f,backImage:g,backimageOpacity:h,isStackedOnMobile:v,flexLayout:b,flexGap:y,flexItemsRatio:E,valign:C,productsLayout:w,productsAlign:S,columns:x,featuredImageSize:_,productsGap:O,productPadding:k,productSpacing:T,elementsToggle:R,imageSize:I,titleSize:P,priceSize:A,excerptSize:M,addToCartSize:N,productBackColor:L,titleColor:D,priceColor:z,excerptColor:V,hotspots:F,hotspotSettings:B,popoverAtts:H}=t,j=c.map((e=>e.value)),U=l.useBlockProps.save({"data-block-id":n,"data-product-ids":JSON.stringify(j),"data-popover-atts":JSON.stringify(H),"data-featured-image-size":_}),$={alignItems:(W=b,"column"==W.substring(0,6)?"center":C),gap:y,justifyContent:"center"};var W;const G=u()(b,{"is-stacked-on-mobile ":v}),Y={width:"column"==b.substring(0,6)?`${E}%`:100-E+"%"},q=u()({"is-stacked-on-mobile ":v});return(0,i.createElement)(i.Fragment,null,(0,i.createElement)("div",U,"backimage-none"!==g&&f&&(0,i.createElement)("div",{className:"cover-image",style:{backgroundImage:`url(${f})`,opacity:h}}),o&&r.activeTitle&&(0,i.createElement)(wr,{attributes:t}),r.activeDesc&&(0,i.createElement)(l.RichText.Content,{tagName:"p",value:s,style:{textAlign:r.align,margin:`${r.spacingDesc} 0`}}),(0,i.createElement)("div",{className:`${G} flex-container`,style:$},"image-only"!==b&&(0,i.createElement)("div",{className:`${q}flex-block products-grid-container`,style:Y},(0,i.createElement)(vr,{context:"save",productList:j,columns:c.length<=x?c.length:x,featuredImageSize:_,productsGap:O,productsLayout:w,productsAlign:S,productPadding:k,productSpacing:T,elementsToggle:R,imageSize:I,titleSize:P,priceSize:A,excerptSize:M,addToCartSize:N,productBackColor:L,fontColors:{titleColor:D,priceColor:z,excerptColor:V}})),f&&(0,i.createElement)("div",{className:`${q}flex-block image-container`,style:{width:`${E}%`}},(0,i.createElement)("img",{className:"hotspot-image",src:f,srcSet:d,sizes:m,alt:(0,a.__)("Lookbook image","wcspots")}),F?.length>0&&F.filter((e=>!!e.productId)).map(((e,t)=>(0,i.createElement)(Cr,{key:`hotspot-${t}`,hotspot:e,hotspotSettings:B,clientId:n})))))))}})},184:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var i=typeof n;if("string"===i||"number"===i)e.push(n);else if(Array.isArray(n)){if(n.length){var a=r.apply(null,n);a&&e.push(a)}}else if("object"===i){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var l in n)o.call(n,l)&&n[l]&&e.push(l)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()},856:function(e){e.exports=function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,n){return t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(e,n)}function n(e,o,r){return n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct:function(e,n,o){var r=[null];r.push.apply(r,n);var i=new(Function.bind.apply(e,r));return o&&t(i,o.prototype),i},n.apply(null,arguments)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i=[],_n=!0,a=!1;try{for(n=n.call(e);!(_n=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);_n=!0);}catch(e){a=!0,r=e}finally{try{_n||null==n.return||n.return()}finally{if(a)throw r}}return i}}(e,t)||i(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var l=Object.entries,s=Object.setPrototypeOf,c=Object.isFrozen,u=Object.getPrototypeOf,p=Object.getOwnPropertyDescriptor,d=Object.freeze,m=Object.seal,f=Object.create,g="undefined"!=typeof Reflect&&Reflect,h=g.apply,v=g.construct;h||(h=function(e,t,n){return e.apply(t,n)}),d||(d=function(e){return e}),m||(m=function(e){return e}),v||(v=function(e,t){return n(e,r(t))});var b,y=I(Array.prototype.forEach),E=I(Array.prototype.pop),C=I(Array.prototype.push),w=I(String.prototype.toLowerCase),S=I(String.prototype.toString),x=I(String.prototype.match),_=I(String.prototype.replace),O=I(String.prototype.indexOf),k=I(String.prototype.trim),T=I(RegExp.prototype.test),R=(b=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return v(b,t)});function I(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return h(e,t,o)}}function P(e,t,n){n=n||w,s&&s(e,null);for(var o=t.length;o--;){var r=t[o];if("string"==typeof r){var i=n(r);i!==r&&(c(t)||(t[o]=i),r=i)}e[r]=!0}return e}function A(e){var t,n=f(null),r=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=i(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw a}}}}(l(e));try{for(r.s();!(t=r.n()).done;){var a=o(t.value,2),s=a[0],c=a[1];n[s]=c}}catch(e){r.e(e)}finally{r.f()}return n}function M(e,t){for(;null!==e;){var n=p(e,t);if(n){if(n.get)return I(n.get);if("function"==typeof n.value)return I(n.value)}e=u(e)}return function(e){return console.warn("fallback value for",e),null}}var N=d(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),L=d(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),D=d(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),z=d(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),V=d(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),F=d(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),B=d(["#text"]),H=d(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),j=d(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),U=d(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),$=d(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),W=m(/\{\{[\w\W]*|[\w\W]*\}\}/gm),G=m(/<%[\w\W]*|[\w\W]*%>/gm),Y=m(/\${[\w\W]*}/gm),q=m(/^data-[\-\w.\u00B7-\uFFFF]/),X=m(/^aria-[\-\w]+$/),J=m(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),K=m(/^(?:\w+script|data):/i),Z=m(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Q=m(/^html$/i),ee=function(){return"undefined"==typeof window?null:window},te=function(t,n){if("object"!==e(t)||"function"!=typeof t.createPolicy)return null;var o=null,r="data-tt-policy-suffix";n.currentScript&&n.currentScript.hasAttribute(r)&&(o=n.currentScript.getAttribute(r));var i="dompurify"+(o?"#"+o:"");try{return t.createPolicy(i,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};return function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ee(),o=function(e){return t(e)};if(o.version="3.0.1",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;var i=n.document,a=n.document,s=n.DocumentFragment,c=n.HTMLTemplateElement,u=n.Node,p=n.Element,m=n.NodeFilter,f=n.NamedNodeMap,g=void 0===f?n.NamedNodeMap||n.MozNamedAttrMap:f,h=n.HTMLFormElement,v=n.DOMParser,b=n.trustedTypes,I=p.prototype,ne=M(I,"cloneNode"),oe=M(I,"nextSibling"),re=M(I,"childNodes"),ie=M(I,"parentNode");if("function"==typeof c){var ae=a.createElement("template");ae.content&&ae.content.ownerDocument&&(a=ae.content.ownerDocument)}var le=te(b,i),se=le?le.createHTML(""):"",ce=a,ue=ce.implementation,pe=ce.createNodeIterator,de=ce.createDocumentFragment,me=ce.getElementsByTagName,fe=i.importNode,ge={};o.isSupported="function"==typeof l&&"function"==typeof ie&&ue&&void 0!==ue.createHTMLDocument;var he,ve,be=W,ye=G,Ee=Y,Ce=q,we=X,Se=K,xe=Z,_e=J,Oe=null,ke=P({},[].concat(r(N),r(L),r(D),r(V),r(B))),Te=null,Re=P({},[].concat(r(H),r(j),r(U),r($))),Ie=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Pe=null,Ae=null,Me=!0,Ne=!0,Le=!1,De=!0,ze=!1,Ve=!1,Fe=!1,Be=!1,He=!1,je=!1,Ue=!1,$e=!0,We=!1,Ge=!0,Ye=!1,qe={},Xe=null,Je=P({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ke=null,Ze=P({},["audio","video","img","source","image","track"]),Qe=null,et=P({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),tt="http://www.w3.org/1998/Math/MathML",nt="http://www.w3.org/2000/svg",ot="http://www.w3.org/1999/xhtml",rt=ot,it=!1,at=null,lt=P({},[tt,nt,ot],S),st=["application/xhtml+xml","text/html"],ct=null,ut=a.createElement("form"),pt=function(e){return e instanceof RegExp||e instanceof Function},dt=function(t){ct&&ct===t||(t&&"object"===e(t)||(t={}),t=A(t),he=he=-1===st.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,ve="application/xhtml+xml"===he?S:w,Oe="ALLOWED_TAGS"in t?P({},t.ALLOWED_TAGS,ve):ke,Te="ALLOWED_ATTR"in t?P({},t.ALLOWED_ATTR,ve):Re,at="ALLOWED_NAMESPACES"in t?P({},t.ALLOWED_NAMESPACES,S):lt,Qe="ADD_URI_SAFE_ATTR"in t?P(A(et),t.ADD_URI_SAFE_ATTR,ve):et,Ke="ADD_DATA_URI_TAGS"in t?P(A(Ze),t.ADD_DATA_URI_TAGS,ve):Ze,Xe="FORBID_CONTENTS"in t?P({},t.FORBID_CONTENTS,ve):Je,Pe="FORBID_TAGS"in t?P({},t.FORBID_TAGS,ve):{},Ae="FORBID_ATTR"in t?P({},t.FORBID_ATTR,ve):{},qe="USE_PROFILES"in t&&t.USE_PROFILES,Me=!1!==t.ALLOW_ARIA_ATTR,Ne=!1!==t.ALLOW_DATA_ATTR,Le=t.ALLOW_UNKNOWN_PROTOCOLS||!1,De=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,ze=t.SAFE_FOR_TEMPLATES||!1,Ve=t.WHOLE_DOCUMENT||!1,He=t.RETURN_DOM||!1,je=t.RETURN_DOM_FRAGMENT||!1,Ue=t.RETURN_TRUSTED_TYPE||!1,Be=t.FORCE_BODY||!1,$e=!1!==t.SANITIZE_DOM,We=t.SANITIZE_NAMED_PROPS||!1,Ge=!1!==t.KEEP_CONTENT,Ye=t.IN_PLACE||!1,_e=t.ALLOWED_URI_REGEXP||_e,rt=t.NAMESPACE||ot,Ie=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&pt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Ie.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&pt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Ie.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Ie.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ze&&(Ne=!1),je&&(He=!0),qe&&(Oe=P({},r(B)),Te=[],!0===qe.html&&(P(Oe,N),P(Te,H)),!0===qe.svg&&(P(Oe,L),P(Te,j),P(Te,$)),!0===qe.svgFilters&&(P(Oe,D),P(Te,j),P(Te,$)),!0===qe.mathMl&&(P(Oe,V),P(Te,U),P(Te,$))),t.ADD_TAGS&&(Oe===ke&&(Oe=A(Oe)),P(Oe,t.ADD_TAGS,ve)),t.ADD_ATTR&&(Te===Re&&(Te=A(Te)),P(Te,t.ADD_ATTR,ve)),t.ADD_URI_SAFE_ATTR&&P(Qe,t.ADD_URI_SAFE_ATTR,ve),t.FORBID_CONTENTS&&(Xe===Je&&(Xe=A(Xe)),P(Xe,t.FORBID_CONTENTS,ve)),Ge&&(Oe["#text"]=!0),Ve&&P(Oe,["html","head","body"]),Oe.table&&(P(Oe,["tbody"]),delete Pe.tbody),d&&d(t),ct=t)},mt=P({},["mi","mo","mn","ms","mtext"]),ft=P({},["foreignobject","desc","title","annotation-xml"]),gt=P({},["title","style","font","a","script"]),ht=P({},L);P(ht,D),P(ht,z);var vt=P({},V);P(vt,F);var bt=function(e){C(o.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},yt=function(e,t){try{C(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){C(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Te[e])if(He||je)try{bt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Et=function(e){var t,n;if(Be)e="<remove></remove>"+e;else{var o=x(e,/^[\r\n\t ]+/);n=o&&o[0]}"application/xhtml+xml"===he&&rt===ot&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var r=le?le.createHTML(e):e;if(rt===ot)try{t=(new v).parseFromString(r,he)}catch(e){}if(!t||!t.documentElement){t=ue.createDocument(rt,"template",null);try{t.documentElement.innerHTML=it?se:r}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(a.createTextNode(n),i.childNodes[0]||null),rt===ot?me.call(t,Ve?"html":"body")[0]:Ve?t.documentElement:i},Ct=function(e){return pe.call(e.ownerDocument||e,e,m.SHOW_ELEMENT|m.SHOW_COMMENT|m.SHOW_TEXT,null,!1)},wt=function(t){return"object"===e(u)?t instanceof u:t&&"object"===e(t)&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},St=function(e,t,n){ge[e]&&y(ge[e],(function(e){e.call(o,t,n,ct)}))},xt=function(e){var t,n;if(St("beforeSanitizeElements",e,null),(n=e)instanceof h&&("string"!=typeof n.nodeName||"string"!=typeof n.textContent||"function"!=typeof n.removeChild||!(n.attributes instanceof g)||"function"!=typeof n.removeAttribute||"function"!=typeof n.setAttribute||"string"!=typeof n.namespaceURI||"function"!=typeof n.insertBefore||"function"!=typeof n.hasChildNodes))return bt(e),!0;var r=ve(e.nodeName);if(St("uponSanitizeElement",e,{tagName:r,allowedTags:Oe}),e.hasChildNodes()&&!wt(e.firstElementChild)&&(!wt(e.content)||!wt(e.content.firstElementChild))&&T(/<[/\w]/g,e.innerHTML)&&T(/<[/\w]/g,e.textContent))return bt(e),!0;if(!Oe[r]||Pe[r]){if(!Pe[r]&&Ot(r)){if(Ie.tagNameCheck instanceof RegExp&&T(Ie.tagNameCheck,r))return!1;if(Ie.tagNameCheck instanceof Function&&Ie.tagNameCheck(r))return!1}if(Ge&&!Xe[r]){var i=ie(e)||e.parentNode,a=re(e)||e.childNodes;if(a&&i)for(var l=a.length-1;l>=0;--l)i.insertBefore(ne(a[l],!0),oe(e))}return bt(e),!0}return e instanceof p&&!function(e){var t=ie(e);t&&t.tagName||(t={namespaceURI:rt,tagName:"template"});var n=w(e.tagName),o=w(t.tagName);return!!at[e.namespaceURI]&&(e.namespaceURI===nt?t.namespaceURI===ot?"svg"===n:t.namespaceURI===tt?"svg"===n&&("annotation-xml"===o||mt[o]):Boolean(ht[n]):e.namespaceURI===tt?t.namespaceURI===ot?"math"===n:t.namespaceURI===nt?"math"===n&&ft[o]:Boolean(vt[n]):e.namespaceURI===ot?!(t.namespaceURI===nt&&!ft[o])&&!(t.namespaceURI===tt&&!mt[o])&&!vt[n]&&(gt[n]||!ht[n]):!("application/xhtml+xml"!==he||!at[e.namespaceURI]))}(e)?(bt(e),!0):"noscript"!==r&&"noembed"!==r||!T(/<\/no(script|embed)/i,e.innerHTML)?(ze&&3===e.nodeType&&(t=e.textContent,t=_(t,be," "),t=_(t,ye," "),t=_(t,Ee," "),e.textContent!==t&&(C(o.removed,{element:e.cloneNode()}),e.textContent=t)),St("afterSanitizeElements",e,null),!1):(bt(e),!0)},_t=function(e,t,n){if($e&&("id"===t||"name"===t)&&(n in a||n in ut))return!1;if(Ne&&!Ae[t]&&T(Ce,t));else if(Me&&T(we,t));else if(!Te[t]||Ae[t]){if(!(Ot(e)&&(Ie.tagNameCheck instanceof RegExp&&T(Ie.tagNameCheck,e)||Ie.tagNameCheck instanceof Function&&Ie.tagNameCheck(e))&&(Ie.attributeNameCheck instanceof RegExp&&T(Ie.attributeNameCheck,t)||Ie.attributeNameCheck instanceof Function&&Ie.attributeNameCheck(t))||"is"===t&&Ie.allowCustomizedBuiltInElements&&(Ie.tagNameCheck instanceof RegExp&&T(Ie.tagNameCheck,n)||Ie.tagNameCheck instanceof Function&&Ie.tagNameCheck(n))))return!1}else if(Qe[t]);else if(T(_e,_(n,xe,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==O(n,"data:")||!Ke[e])if(Le&&!T(Se,_(n,xe,"")));else if(n)return!1;return!0},Ot=function(e){return e.indexOf("-")>0},kt=function(t){var n,r,i,a;St("beforeSanitizeAttributes",t,null);var l=t.attributes;if(l){var s={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Te};for(a=l.length;a--;){var c=n=l[a],u=c.name,p=c.namespaceURI;if(r="value"===u?n.value:k(n.value),i=ve(u),s.attrName=i,s.attrValue=r,s.keepAttr=!0,s.forceKeepAttr=void 0,St("uponSanitizeAttribute",t,s),r=s.attrValue,!s.forceKeepAttr&&(yt(u,t),s.keepAttr))if(De||!T(/\/>/i,r)){ze&&(r=_(r,be," "),r=_(r,ye," "),r=_(r,Ee," "));var d=ve(t.nodeName);if(_t(d,i,r)){if(!We||"id"!==i&&"name"!==i||(yt(u,t),r="user-content-"+r),le&&"object"===e(b)&&"function"==typeof b.getAttributeType)if(p);else switch(b.getAttributeType(d,i)){case"TrustedHTML":r=le.createHTML(r);break;case"TrustedScriptURL":r=le.createScriptURL(r)}try{p?t.setAttributeNS(p,u,r):t.setAttribute(u,r),E(o.removed)}catch(e){}}}else yt(u,t)}St("afterSanitizeAttributes",t,null)}},Tt=function e(t){var n,o=Ct(t);for(St("beforeSanitizeShadowDOM",t,null);n=o.nextNode();)St("uponSanitizeShadowNode",n,null),xt(n)||(n.content instanceof s&&e(n.content),kt(n));St("afterSanitizeShadowDOM",t,null)};return o.sanitize=function(e){var t,n,r,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if((it=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!wt(e)){if("function"!=typeof e.toString)throw R("toString is not a function");if("string"!=typeof(e=e.toString()))throw R("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Fe||dt(l),o.removed=[],"string"==typeof e&&(Ye=!1),Ye){if(e.nodeName){var c=ve(e.nodeName);if(!Oe[c]||Pe[c])throw R("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof u)1===(n=(t=Et("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===n.nodeName||"HTML"===n.nodeName?t=n:t.appendChild(n);else{if(!He&&!ze&&!Ve&&-1===e.indexOf("<"))return le&&Ue?le.createHTML(e):e;if(!(t=Et(e)))return He?null:Ue?se:""}t&&Be&&bt(t.firstChild);for(var p=Ct(Ye?e:t);r=p.nextNode();)xt(r)||(r.content instanceof s&&Tt(r.content),kt(r));if(Ye)return e;if(He){if(je)for(a=de.call(t.ownerDocument);t.firstChild;)a.appendChild(t.firstChild);else a=t;return(Te.shadowroot||Te.shadowrootmod)&&(a=fe.call(i,a,!0)),a}var d=Ve?t.outerHTML:t.innerHTML;return Ve&&Oe["!doctype"]&&t.ownerDocument&&t.ownerDocument.doctype&&t.ownerDocument.doctype.name&&T(Q,t.ownerDocument.doctype.name)&&(d="<!DOCTYPE "+t.ownerDocument.doctype.name+">\n"+d),ze&&(d=_(d,be," "),d=_(d,ye," "),d=_(d,Ee," ")),le&&Ue?le.createHTML(d):d},o.setConfig=function(e){dt(e),Fe=!0},o.clearConfig=function(){ct=null,Fe=!1},o.isValidAttribute=function(e,t,n){ct||dt({});var o=ve(e),r=ve(t);return _t(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&(ge[e]=ge[e]||[],C(ge[e],t))},o.removeHook=function(e){if(ge[e])return E(ge[e])},o.removeHooks=function(e){ge[e]&&(ge[e]=[])},o.removeAllHooks=function(){ge={}},o}()}()},679:(e,t,n)=>{"use strict";var o=n(296),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return o.isMemo(e)?a:l[e.$$typeof]||r}l[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[o.Memo]=a;var c=Object.defineProperty,u=Object.getOwnPropertyNames,p=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,f=Object.prototype;e.exports=function e(t,n,o){if("string"!=typeof n){if(f){var r=m(n);r&&r!==f&&e(t,r,o)}var a=u(n);p&&(a=a.concat(p(n)));for(var l=s(t),g=s(n),h=0;h<a.length;++h){var v=a[h];if(!(i[v]||o&&o[v]||g&&g[v]||l&&l[v])){var b=d(n,v);try{c(t,v,b)}catch(e){}}}}return t}},103:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,o=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,p=n?Symbol.for("react.concurrent_mode"):60111,d=n?Symbol.for("react.forward_ref"):60112,m=n?Symbol.for("react.suspense"):60113,f=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,v=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,E=n?Symbol.for("react.scope"):60119;function C(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case u:case p:case i:case l:case a:case m:return e;default:switch(e=e&&e.$$typeof){case c:case d:case h:case g:case s:return e;default:return t}}case r:return t}}}function w(e){return C(e)===p}t.AsyncMode=u,t.ConcurrentMode=p,t.ContextConsumer=c,t.ContextProvider=s,t.Element=o,t.ForwardRef=d,t.Fragment=i,t.Lazy=h,t.Memo=g,t.Portal=r,t.Profiler=l,t.StrictMode=a,t.Suspense=m,t.isAsyncMode=function(e){return w(e)||C(e)===u},t.isConcurrentMode=w,t.isContextConsumer=function(e){return C(e)===c},t.isContextProvider=function(e){return C(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return C(e)===d},t.isFragment=function(e){return C(e)===i},t.isLazy=function(e){return C(e)===h},t.isMemo=function(e){return C(e)===g},t.isPortal=function(e){return C(e)===r},t.isProfiler=function(e){return C(e)===l},t.isStrictMode=function(e){return C(e)===a},t.isSuspense=function(e){return C(e)===m},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===p||e===l||e===a||e===m||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===g||e.$$typeof===s||e.$$typeof===c||e.$$typeof===d||e.$$typeof===b||e.$$typeof===y||e.$$typeof===E||e.$$typeof===v)},t.typeOf=C},296:(e,t,n)=>{"use strict";e.exports=n(103)},841:function(e,t,n){"use strict";var o=this&&this.__assign||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.defineProperty(t,"__esModule",{value:!0}),t.ArrowContainer=void 0;var r=n(893),i=n(196),a=n(512);t.ArrowContainer=function(e){var t=e.childRect,n=e.popoverRect,l=e.position,s=e.arrowColor,c=e.arrowSize,u=e.arrowClassName,p=e.arrowStyle,d=e.className,m=e.children,f=e.style,g=a.useArrowContainer({childRect:t,popoverRect:n,position:l,arrowColor:s,arrowSize:c}),h=g.arrowContainerStyle,v=g.arrowStyle,b=i.useMemo((function(){return o(o({},h),f)}),[h,f]),y=i.useMemo((function(){return o(o({},v),p)}),[v,p]);return r.jsxs("div",o({className:d,style:b},{children:[r.jsx("div",{style:y,className:u},void 0),m]}),void 0)}},106:function(e,t,n){"use strict";var o=this&&this.__assign||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.defineProperty(t,"__esModule",{value:!0}),t.Popover=t.usePopover=t.ArrowContainer=t.useArrowContainer=void 0;var r=n(893),i=n(196),a=n(114),l=n(319),s=n(101);Object.defineProperty(t,"usePopover",{enumerable:!0,get:function(){return s.usePopover}});var c=n(444),u=n(512);Object.defineProperty(t,"useArrowContainer",{enumerable:!0,get:function(){return u.useArrowContainer}});var p=n(841);Object.defineProperty(t,"ArrowContainer",{enumerable:!0,get:function(){return p.ArrowContainer}});var d=["top","left","right","bottom"],m=i.forwardRef((function(e,t){var n=e.isOpen,u=e.children,p=e.content,m=e.positions,f=void 0===m?d:m,g=e.align,h=void 0===g?"center":g,v=e.padding,b=void 0===v?0:v,y=e.reposition,E=void 0===y||y,C=e.parentElement,w=void 0===C?window.document.body:C,S=e.boundaryElement,x=void 0===S?w:S,_=e.containerClassName,O=void 0===_?"react-tiny-popover-container":_,k=e.containerStyle,T=e.contentLocation,R=e.boundaryInset,I=void 0===R?0:R,P=e.onClickOutside,A=e.clickOutsideCapture,M=void 0!==A&&A,N=c.useMemoizedArray(f),L=i.useRef(!1),D=i.useRef(),z=i.useRef(),V=i.useRef(E),F=i.useRef(),B=i.useState({align:h,nudgedLeft:0,nudgedTop:0,position:N[0],padding:b,childRect:l.EMPTY_CLIENT_RECT,popoverRect:l.EMPTY_CLIENT_RECT,parentRect:l.EMPTY_CLIENT_RECT,boundaryRect:l.EMPTY_CLIENT_RECT,boundaryInset:I,violations:l.EMPTY_CLIENT_RECT,hasViolations:!1}),H=B[0],j=B[1],U=i.useCallback((function(e){return j(e)}),[]),$=s.usePopover({isOpen:n,childRef:F,containerClassName:O,parentElement:w,boundaryElement:x,contentLocation:T,positions:N,align:h,padding:b,boundaryInset:I,reposition:E,onPositionPopover:U}),W=$.positionPopover,G=$.popoverRef,Y=$.scoutRef;i.useLayoutEffect((function(){var e=!0,t=function(){var o,r;if(n&&e){var i=null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.getBoundingClientRect(),a=null===(r=null==G?void 0:G.current)||void 0===r?void 0:r.getBoundingClientRect();null==i||null==a||l.rectsAreEqual(i,{top:H.childRect.top,left:H.childRect.left,width:H.childRect.width,height:H.childRect.height,bottom:H.childRect.top+H.childRect.height,right:H.childRect.left+H.childRect.width})&&a.width===H.popoverRect.width&&a.height===H.popoverRect.height&&H.padding===b&&H.align===h&&N===D.current&&T===z.current&&E===V.current||W(),N!==D.current&&(D.current=N),T!==z.current&&(z.current=T),E!==V.current&&(V.current=E),e&&window.requestAnimationFrame(t)}L.current=n};return window.requestAnimationFrame(t),function(){e=!1}}),[h,T,n,b,G,H.align,H.childRect.height,H.childRect.left,H.childRect.top,H.childRect.width,H.padding,H.popoverRect.height,H.popoverRect.width,W,N,E]),i.useEffect((function(){var e=G.current;return Object.assign(e.style,k),function(){Object.keys(null!=k?k:{}).forEach((function(t){return delete e.style[t]}))}}),[k,n,G]);var q=i.useCallback((function(e){var t,o;!n||(null===(t=G.current)||void 0===t?void 0:t.contains(e.target))||(null===(o=F.current)||void 0===o?void 0:o.contains(e.target))||null==P||P(e)}),[n,P,G]),X=i.useCallback((function(){F.current&&window.requestAnimationFrame((function(){return W()}))}),[W]);i.useEffect((function(){var e=w.ownerDocument.body;return e.addEventListener("click",q,M),e.addEventListener("contextmenu",q,M),e.addEventListener("resize",X),function(){e.removeEventListener("click",q,M),e.removeEventListener("contextmenu",q,M),e.removeEventListener("resize",X)}}),[M,q,X,w]);var J=i.useCallback((function(e){F.current=e,null!=t&&("object"==typeof t?t.current=e:"function"==typeof t&&t(e))}),[t]);return r.jsxs(r.Fragment,{children:[i.cloneElement(u,{ref:J}),n?r.jsx(a.PopoverPortal,o({element:G.current,scoutElement:Y.current,container:w},{children:"function"==typeof p?p(H):p}),void 0):null]},void 0)}));t.Popover=i.forwardRef((function(e,t){return"undefined"==typeof window?e.children:r.jsx(m,o({},e,{ref:t}),void 0)}))},114:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PopoverPortal=void 0;var o=n(196),r=n(850);t.PopoverPortal=function(e){var t=e.container,n=e.element,i=e.scoutElement,a=e.children;return o.useLayoutEffect((function(){return t.appendChild(n),t.appendChild(i),function(){t.removeChild(n),t.removeChild(i)}}),[t,n,i]),r.createPortal(a,n)}},512:function(e,t,n){"use strict";var o=this&&this.__assign||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.defineProperty(t,"__esModule",{value:!0}),t.useArrowContainer=void 0;var r=n(196);t.useArrowContainer=function(e){var t=e.childRect,n=e.popoverRect,i=e.position,a=e.arrowSize,l=e.arrowColor;return{arrowContainerStyle:r.useMemo((function(){return{padding:a}}),[a]),arrowStyle:r.useMemo((function(){return o({position:"absolute"},function(){var e=2*a,o=t.top-n.top+t.height/2-e/2,r=t.left-n.left+t.width/2-e/2,s=a,c=n.width-a,u=n.height-a;switch(r=(r=r<s?s:r)+e>c?c-e:r,o=(o=o<s?s:o)+e>u?u-e:o,o=Number.isNaN(o)?0:o,r=Number.isNaN(r)?0:r,i){case"right":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderRight:a+"px solid "+l,left:0,top:o};case"left":return{borderTop:a+"px solid transparent",borderBottom:a+"px solid transparent",borderLeft:a+"px solid "+l,right:0,top:o};case"bottom":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderBottom:a+"px solid "+l,top:0,left:r};case"top":return{borderLeft:a+"px solid transparent",borderRight:a+"px solid transparent",borderTop:a+"px solid "+l,bottom:0,left:r};default:return{display:"hidden"}}}())}),[l,a,t.height,t.left,t.top,t.width,n.height,n.left,n.top,n.width,i])}}},423:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useElementRef=void 0;var o=n(196),r=n(319);t.useElementRef=function(e,t){var n=o.useRef(),i=o.useMemo((function(){return r.createContainer(t,e)}),[e,t]);return n.current=i,n}},444:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMemoizedArray=void 0;var o=n(196);t.useMemoizedArray=function(e){var t=o.useRef(e);return o.useMemo((function(){if(t.current===e)return t.current;if(t.current.length!==e.length)return t.current=e,e;for(var n=0;n<e.length;n+=1)if(e[n]!==t.current[n])return t.current=e,e;return t.current}),[e])}},101:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePopover=void 0;var o=n(196),r=n(319),i=n(423),a={position:"fixed",overflow:"visible",top:"0px",left:"0px"},l={position:"fixed",top:"0px",left:"0px",width:"0px",height:"0px",visibility:"hidden"};t.usePopover=function(e){var t=e.isOpen,n=e.childRef,s=e.positions,c=e.containerClassName,u=e.parentElement,p=e.contentLocation,d=e.align,m=e.padding,f=e.reposition,g=e.boundaryInset,h=e.boundaryElement,v=e.onPositionPopover,b=i.useElementRef(c,a),y=i.useElementRef("react-tiny-popover-scout",l),E=o.useCallback((function(e){var o,i,a=void 0===e?{}:e,l=a.positionIndex,c=void 0===l?0:l,C=a.parentRect,w=void 0===C?u.getBoundingClientRect():C,S=a.childRect,x=void 0===S?null===(o=null==n?void 0:n.current)||void 0===o?void 0:o.getBoundingClientRect():S,_=a.scoutRect,O=void 0===_?null===(i=null==y?void 0:y.current)||void 0===i?void 0:i.getBoundingClientRect():_,k=a.popoverRect,T=void 0===k?b.current.getBoundingClientRect():k,R=a.boundaryRect,I=void 0===R?h===u?w:h.getBoundingClientRect():R;if(x&&w&&t){if(p){var P="function"==typeof p?p({childRect:x,popoverRect:T,parentRect:w,boundaryRect:I,padding:m,nudgedTop:0,nudgedLeft:0,boundaryInset:g,violations:r.EMPTY_CLIENT_RECT,hasViolations:!1}):p,A=P.top,M=P.left,N=Math.round(w.left+M-O.left),L=Math.round(w.top+A-O.top);return b.current.style.transform="translate("+N+"px, "+L+"px)",void v({childRect:x,popoverRect:T,parentRect:w,boundaryRect:I,padding:m,nudgedTop:0,nudgedLeft:0,boundaryInset:g,violations:r.EMPTY_CLIENT_RECT,hasViolations:!1})}var D=c===s.length,z=D?s[0]:s[c],V=r.getNewPopoverRect({childRect:x,popoverRect:T,boundaryRect:I,position:z,align:d,padding:m,reposition:f},g),F=V.rect;if(V.boundaryViolation&&f&&!D)E({positionIndex:c+1,childRect:x,popoverRect:T,parentRect:w,boundaryRect:I});else{var B=F.top,H=F.left,j=F.width,U=F.height,$=f&&!D,W=r.getNudgedPopoverRect(F,I,g),G=W.left,Y=W.top,q=B,X=H;$&&(q=Y,X=G),q=Math.round(q-O.top),X=Math.round(X-O.left),b.current.style.transform="translate("+X+"px, "+q+"px)";var J={top:I.top+g-q,left:I.left+g-X,right:X+j-I.right+g,bottom:q+U-I.bottom+g};v({childRect:x,popoverRect:{top:q,left:X,width:j,height:U,right:X+j,bottom:q+U},parentRect:w,boundaryRect:I,position:z,align:d,padding:m,nudgedTop:Y-B,nudgedLeft:G-H,boundaryInset:g,violations:{top:J.top<=0?0:J.top,left:J.left<=0?0:J.left,right:J.right<=0?0:J.right,bottom:J.bottom<=0?0:J.bottom},hasViolations:J.top>0||J.left>0||J.right>0||J.bottom>0})}}}),[u,n,y,b,h,t,p,s,d,m,f,g,v]);return{positionPopover:E,popoverRef:b,scoutRef:y}}},319:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getNudgedPopoverRect=t.getNewPopoverRect=t.popoverRectForPosition=t.createContainer=t.rectsAreEqual=t.EMPTY_CLIENT_RECT=void 0,t.EMPTY_CLIENT_RECT={top:0,left:0,bottom:0,height:0,right:0,width:0},t.rectsAreEqual=function(e,t){return e===t||(null==e?void 0:e.bottom)===(null==t?void 0:t.bottom)&&(null==e?void 0:e.height)===(null==t?void 0:t.height)&&(null==e?void 0:e.left)===(null==t?void 0:t.left)&&(null==e?void 0:e.right)===(null==t?void 0:t.right)&&(null==e?void 0:e.top)===(null==t?void 0:t.top)&&(null==e?void 0:e.width)===(null==t?void 0:t.width)},t.createContainer=function(e,t){var n=window.document.createElement("div");return t&&(n.className=t),Object.assign(n.style,e),n},t.popoverRectForPosition=function(e,t,n,o,r){var i,a,l=t.left+t.width/2,s=t.top+t.height/2,c=n.width,u=n.height;switch(e){case"left":i=s-u/2,a=t.left-o-c,"start"===r&&(i=t.top),"end"===r&&(i=t.bottom-u);break;case"bottom":i=t.bottom+o,a=l-c/2,"start"===r&&(a=t.left),"end"===r&&(a=t.right-c);break;case"right":i=s-u/2,a=t.right+o,"start"===r&&(i=t.top),"end"===r&&(i=t.bottom-u);break;default:i=t.top-u-o,a=l-c/2,"start"===r&&(a=t.left),"end"===r&&(a=t.right-c)}return{top:i,left:a,width:c,height:u,right:a+c,bottom:i+u}},t.getNewPopoverRect=function(e,n){var o=e.position,r=e.align,i=e.childRect,a=e.popoverRect,l=e.boundaryRect,s=e.padding,c=e.reposition,u=t.popoverRectForPosition(o,i,a,s,r);return{rect:u,boundaryViolation:c&&("top"===o&&u.top<l.top+n||"left"===o&&u.left<l.left+n||"right"===o&&u.right>l.right-n||"bottom"===o&&u.bottom>l.bottom-n)}},t.getNudgedPopoverRect=function(e,t,n){var o=t.top+n,r=t.left+n,i=t.right-n,a=t.bottom-n,l=e.top<o?o:e.top;l=l+e.height>a?a-e.height:l;var s=e.left<r?r:e.left;return{top:l,left:s=s+e.width>i?i-e.width:s,width:e.width,height:e.height,right:s+e.width,bottom:l+e.height}}},251:(e,t,n)=>{"use strict";var o=n(196),r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var o,i={},c=null,u=null;for(o in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:r,type:e,key:c,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},893:(e,t,n)=>{"use strict";e.exports=n(251)},21:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_1.7ed980f5.png"},959:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_2.f0f2e951.png"},209:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_3.af9a2e35.png"},705:(e,t,n)=>{"use strict";e.exports=n.p+"images/Layout_4.a65bf442.png"},531:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_1.2b4edf6a.png"},829:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_2.b7b471cb.png"},924:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_3.3dfdf716.png"},328:(e,t,n)=>{"use strict";e.exports=n.p+"images/popoverLayout_4.8834ab68.png"},196:e=>{"use strict";e.exports=window.React},850:e=>{"use strict";e.exports=window.ReactDOM}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e].call(i.exports,i,i.exports,o),i.exports}o.m=t,e=[],o.O=(t,n,r,i)=>{if(!n){var a=1/0;for(u=0;u<e.length;u++){for(var[n,r,i]=e[u],l=!0,s=0;s<n.length;s++)(!1&i||a>=i)&&Object.keys(o.O).every((e=>o.O[e](n[s])))?n.splice(s--,1):(l=!1,i<a&&(a=i));if(l){e.splice(u--,1);var c=r();void 0!==c&&(t=c)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,r,i]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");n.length&&(e=n[n.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e})(),(()=>{var e={826:0,431:0};o.O.j=t=>0===e[t];var t=(t,n)=>{var r,i,[a,l,s]=n,c=0;if(a.some((t=>0!==e[t]))){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);if(s)var u=s(o)}for(t&&t(n);c<a.length;c++)i=a[c],o.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return o.O(u)},n=globalThis.webpackChunkwcspots=globalThis.webpackChunkwcspots||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();var r=o.O(void 0,[431],(()=>o(226)));r=o.O(r)})();

  • wcspots/trunk/build/style-index.css

    r2928069 r2972190  
    1 .react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart .view-cart,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart .view-cart{display:block;position:absolute;top:100%;width:100%}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart .view-cart a,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart .view-cart a{color:inherit;display:block;line-height:1.6;position:relative;text-align:center}.react-tiny-popover-container .layout2.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout2.product-grid .wcspots-product{flex-direction:row;width:100%}.react-tiny-popover-container .layout2.popover-content .wcspots-product>*,.wp-block-micemade-wcspots .flex-block .layout2.product-grid .wcspots-product>*{flex:1}.react-tiny-popover-container .layout3.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product{position:relative}.react-tiny-popover-container .layout3.popover-content .wcspots-product>*,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product>*{flex:1}.react-tiny-popover-container .layout3.popover-content .wcspots-product .overlay,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.react-tiny-popover-container .layout3.popover-content .wcspots-product .product-featured-image,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product .product-featured-image{height:100%;max-width:100%;overflow:hidden;position:absolute;width:100%}.react-tiny-popover-container .layout3.popover-content .wcspots-product .product-elements,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product .product-elements{height:100%;justify-content:center}.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-add-to-cart,.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-excerpt>*,.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-price,.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-excerpt>*,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-price,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-title{text-align:center;transform-origin:center}.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-add-to-cart,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-excerpt>*,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-price,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-excerpt>*,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-price,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-title{text-align:left;transform-origin:left center}.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-add-to-cart,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-excerpt>*,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-price,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-excerpt>*,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-price,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-title{text-align:right;transform-origin:right center}.react-tiny-popover-container .popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product{background-color:transparent;box-shadow:none;display:flex;flex-direction:column;height:auto!important;min-height:-moz-fit-content!important;min-height:fit-content!important;position:relative;transform:none;transition:all .2s linear}.react-tiny-popover-container .popover-content .wcspots-product:after,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product:after{box-shadow:none;box-shadow:inset 0 0 0 3px transparent;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .2s linear;width:100%;z-index:10}.react-tiny-popover-container .popover-content .wcspots-product.highlighted:after,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product.highlighted:after{box-shadow:inset 0 0 0 3px rgba(0,0,0,.6)}.react-tiny-popover-container .popover-content .wcspots-product .product-featured-image,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-featured-image{align-items:flex-start;border-radius:inherit;display:flex;overflow:hidden;z-index:1}.react-tiny-popover-container .popover-content .wcspots-product .product-featured-image img,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-featured-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}.react-tiny-popover-container .popover-content .wcspots-product .product-elements,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-elements{display:flex;flex-direction:column;z-index:5}.react-tiny-popover-container .popover-content .wcspots-product .product-elements>:last-child,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-elements>:last-child{margin-bottom:0!important}.react-tiny-popover-container .popover-content .wcspots-product .product-element,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-element{line-height:1.2;margin-top:0}.react-tiny-popover-container .popover-content .wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-title{font-size:1.2em}.react-tiny-popover-container .popover-content .wcspots-product .product-title a,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-title a{color:inherit}.react-tiny-popover-container .popover-content .wcspots-product .product-excerpt,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-excerpt{font-size:.8em}.react-tiny-popover-container .popover-content .wcspots-product .product-excerpt div>*,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-excerpt div>*{color:inherit;margin:inherit}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart{position:relative}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart>a,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart>a{display:inline-flex}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart>a:hover,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart>a:hover{cursor:pointer}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot{background:hsla(0,0%,7%,.2);border:2px solid transparent;height:2rem;width:2rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot .inner{background:#fff;border-radius:50%;box-shadow:0 1px 4px hsla(0,0%,7%,.55);height:.75rem;width:.75rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot:hover{background:hsla(0,0%,7%,.4);border-color:hsla(0,0%,100%,.5)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot:hover .inner{transform:scale(.7)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot{background:rgba(255,0,0,.5);border:none;height:1.5rem;width:1.5rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot .inner{height:1rem;transition:all .2s ease-in-out;width:1rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot .inner:before{align-items:center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz48Zz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04NjcuNSwzNzcuNWgtMjQ1di0yNDVDNjIyLjUsNjQuOSw1NjcuNiwxMCw1MDAsMTBTMzc3LjUsNjQuOSwzNzcuNSwxMzIuNWw0LjMsMjQ1SDEzMi41QzY0LjksMzc3LjUsMTAsNDMyLjQsMTAsNTAwczU0LjksMTIyLjUsMTIyLjUsMTIyLjVsMjQ5LjMtNC4zbC00LjMsMjQ5LjNjMCw2Ny42LDU0LjksMTIyLjUsMTIyLjUsMTIyLjVzMTIyLjUtNTQuOSwxMjIuNS0xMjIuNVY2MTguMmwyNDUsNC4zYzY3LjYsMCwxMjIuNS01NC45LDEyMi41LTEyMi41UzkzNS4xLDM3Ny41LDg2Ny41LDM3Ny41eiIvPjwvZz48L2c+DQo8L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:.5em;content:"";display:flex;filter:invert(1);height:100%;justify-content:center;mix-blend-mode:difference;position:absolute;transform:none;transition:all .2s ease-in-out;width:100%}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot:hover{background-color:inherit}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot:hover .inner{height:1.5rem;transform:scale(1);width:1.5rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot:hover .inner:before{transform:rotate(90deg)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot{background:transparent!important;border:0 solid transparent;height:1.2rem;outline-color:rgba(255,220,0,.8);outline-offset:0;outline-style:solid;outline-width:1;transition:outline-offset .2s ease-in-out;width:1.2rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot .inner{background-color:rgba(255,220,0,.8);height:.6rem;width:.6rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot:hover{outline-offset:2px}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot:hover .inner{border:none;transform:none}.wp-block-micemade-wcspots{position:relative}.wp-block-micemade-wcspots *,.wp-block-micemade-wcspots :after,.wp-block-micemade-wcspots :before{box-sizing:inherit;outline:none}.wp-block-micemade-wcspots>:not(.cover-image){position:relative;z-index:1}.wp-block-micemade-wcspots .cover-image{background-position:50%;background-size:cover;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}.wp-block-micemade-wcspots .flex-container{display:flex;position:relative}.wp-block-micemade-wcspots .flex-container.image-only,.wp-block-micemade-wcspots .flex-container.row{flex-direction:row}.wp-block-micemade-wcspots .flex-container.row-reverse{flex-direction:row-reverse}.wp-block-micemade-wcspots .flex-container.column{flex-direction:column}.wp-block-micemade-wcspots .flex-container.column-reverse{flex-direction:column-reverse}.wp-block-micemade-wcspots .flex-block{display:flex;flex-grow:0;position:relative}.wp-block-micemade-wcspots .flex-block .product-grid,.wp-block-micemade-wcspots .flex-block.image-container,.wp-block-micemade-wcspots .flex-block.image-container .hotspot,.wp-block-micemade-wcspots .flex-block.image-container img{position:relative}.wp-block-micemade-wcspots .flex-block.image-container img{width:100%;z-index:1}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot{align-items:center;border-radius:50%;display:flex;justify-content:center;line-height:.5;padding:0;position:absolute;transform:translateX(-50%) translateY(-50%) scale(1);transition:all .25s ease-in-out;z-index:5}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .events-holder,.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .inner{border-radius:50%;cursor:pointer;display:block;position:absolute}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .inner{display:block;position:relative;transition:transform .25s ease-in-out}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot:before{bottom:-.5rem;content:"";display:block;left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .events-holder{background-color:transparent;border-radius:50%;height:100%;width:100%;z-index:3}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .hotspot-product-title{left:50%;position:absolute;top:130%;transform:translateX(-50%);transition:margin .15s ease-in-out;width:-moz-max-content;width:max-content}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .hotspot-product-title span.title-text{background:#fff;border:none;border-radius:3px;box-shadow:2px 2px 10px rgba(0,0,0,.2);color:#333;display:flex;font-size:14px;font-weight:bolder;line-height:1.4;padding:2px 8px}.wp-block-micemade-wcspots .flex-block.image-container .add-some-hotspots{background:hsla(0,0%,100%,.7);border-radius:4px;bottom:14px;color:#333;font-size:14px;left:50%;line-height:1.4;padding:2px 8px;position:absolute;transform:translateX(-50%);z-index:10}.wp-block-micemade-wcspots .flex-block .product-grid{box-sizing:border-box;display:grid;width:100%}@media(max-width:599px){.wp-block-micemade-wcspots .flex-block .product-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:479px){.wp-block-micemade-wcspots .flex-block .product-grid{grid-template-columns:repeat(1,1fr)!important}}@media(max-width:781px){.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.column,.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.row{flex-direction:column}.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.column-reverse,.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.row-reverse{flex-direction:column-reverse}.wp-block-micemade-wcspots .flex-block.is-stacked-on-mobile{width:100%!important}}#modal-container{background:#fff;box-shadow:0 0 30px rgba(0,0,0,.2);height:70vh;left:50%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:50vw;z-index:9999}.react-tiny-popover-container{width:clamp(340px,50% + 20px,600px);z-index:1000}.react-tiny-popover-container .popover-content{box-shadow:0 0 30px 0 rgba(0,0,0,.3);overflow:hidden}.react-tiny-popover-container .popover-content .wcspots-product{background-color:#fff;background:var(--wp--preset--color--background);border-radius:inherit;box-shadow:0 0 40px rgba(0,0,0,.3)}.react-tiny-popover-container .popover-content .arrow{border-style:solid;border-width:10px;display:block;height:0;left:50%;position:absolute;top:50%;width:0}.react-tiny-popover-container .popover-content .arrow.bottom{border-bottom-color:#fff;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;bottom:100%;top:auto;transform:translateX(-50%)}.react-tiny-popover-container .popover-content .arrow.top{border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:#fff;bottom:auto;top:100%;transform:translateX(-50%)}.react-tiny-popover-container .popover-content .arrow.right{border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:#fff;border-top-color:transparent!important;left:auto;right:100%;transform:translateY(-50%)}.react-tiny-popover-container .popover-content .arrow.left{border-bottom-color:transparent!important;border-left-color:#fff;border-right-color:transparent!important;border-top-color:transparent!important;left:100%;right:auto;transform:translateY(-50%)}@keyframes animation-1{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(1)}25%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(2)}}
     1.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart .view-cart,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart .view-cart{display:flex;position:absolute;top:100%;width:100%}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart .view-cart a,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart .view-cart a{color:inherit;display:block;line-height:1.6;position:relative;text-align:center}.react-tiny-popover-container .layout2.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout2.product-grid .wcspots-product{flex-direction:row;width:100%}@media(max-width:781px){.react-tiny-popover-container .layout2.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout2.product-grid .wcspots-product{flex-direction:column}}.react-tiny-popover-container .layout3.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product{position:relative}.react-tiny-popover-container .layout3.popover-content .wcspots-product .overlay,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.react-tiny-popover-container .layout3.popover-content .wcspots-product .product-featured-image,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product .product-featured-image{height:100%;max-width:100%;overflow:hidden;position:absolute;width:100%}.react-tiny-popover-container .layout3.popover-content .wcspots-product .product-elements,.wp-block-micemade-wcspots .flex-block .layout3.product-grid .wcspots-product .product-elements{height:100%;justify-content:center}.react-tiny-popover-container .layout4.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout4.product-grid .wcspots-product{flex-direction:row-reverse;width:100%}@media(max-width:781px){.react-tiny-popover-container .layout4.popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .layout4.product-grid .wcspots-product{flex-direction:column}}.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-add-to-cart,.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-excerpt>*,.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-price,.react-tiny-popover-container .popover-content .align-center.wcspots-product .product-title,.react-tiny-popover-container .popover-content .align-center.wcspots-product .view-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-excerpt>*,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-price,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .align-center.wcspots-product .view-cart{justify-content:center;text-align:center;transform-origin:center}.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-add-to-cart,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-excerpt>*,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-price,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .product-title,.react-tiny-popover-container .popover-content .align-flex-start.wcspots-product .view-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-excerpt>*,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-price,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-start.wcspots-product .view-cart{justify-content:flex-start;text-align:left;transform-origin:left center}.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-add-to-cart,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-excerpt>*,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-price,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .product-title,.react-tiny-popover-container .popover-content .align-flex-end.wcspots-product .view-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-excerpt>*,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-price,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .align-flex-end.wcspots-product .view-cart{justify-content:flex-end;text-align:right;transform-origin:right center}.react-tiny-popover-container .popover-content .wcspots-product,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product{background-color:transparent;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:auto!important;min-height:-moz-fit-content!important;min-height:fit-content!important;position:relative;transform:none;transition:all .2s linear}.react-tiny-popover-container .popover-content .wcspots-product:after,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product:after{box-shadow:none;box-shadow:inset 0 0 0 3px transparent;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .2s linear;width:100%;z-index:10}.react-tiny-popover-container .popover-content .wcspots-product.highlighted:after,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product.highlighted:after{background:var(--highlight-color);box-shadow:inset 0 0 0 3px var(--highlight-color);opacity:.35}.react-tiny-popover-container .popover-content .wcspots-product .product-featured-image,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-featured-image{align-items:flex-start;border-radius:inherit;display:flex;z-index:1}.react-tiny-popover-container .popover-content .wcspots-product .product-featured-image img,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-featured-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}.react-tiny-popover-container .popover-content .wcspots-product .product-elements,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-elements{display:flex;flex-direction:column;z-index:5}.react-tiny-popover-container .popover-content .wcspots-product .product-elements>:last-child,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-elements>:last-child{margin-bottom:0!important}.react-tiny-popover-container .popover-content .wcspots-product .product-element,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-element{line-height:1.2;margin-top:0}.react-tiny-popover-container .popover-content .wcspots-product .product-title,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-title{font-size:1.2em}.react-tiny-popover-container .popover-content .wcspots-product .product-title a,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-title a{color:inherit}.react-tiny-popover-container .popover-content .wcspots-product .product-excerpt,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-excerpt{font-size:.8em}.react-tiny-popover-container .popover-content .wcspots-product .product-excerpt div>*,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-excerpt div>*{color:inherit;margin:inherit}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart{position:relative}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart>a,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart>a{display:inline-flex}.react-tiny-popover-container .popover-content .wcspots-product .product-add-to-cart>a:hover,.wp-block-micemade-wcspots .flex-block .product-grid .wcspots-product .product-add-to-cart>a:hover{cursor:pointer}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot .outer{background:hsla(0,0%,47%,.7);border:2px solid transparent;height:2rem;width:2rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot .inner{background:#fff;border:0;height:1rem;width:1rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot:hover .outer{background:hsla(0,0%,7%,.4);border:2px solid hsla(0,0%,100%,.5)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-1.product-hotspot:hover .inner{transform:scale(.8)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot .outer{background:rgba(255,0,0,.5);border:none;height:2rem;width:2rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot .inner{height:1rem;transition:all .2s ease-in-out;width:1rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot .inner:before{align-items:center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz48Zz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04NjcuNSwzNzcuNWgtMjQ1di0yNDVDNjIyLjUsNjQuOSw1NjcuNiwxMCw1MDAsMTBTMzc3LjUsNjQuOSwzNzcuNSwxMzIuNWw0LjMsMjQ1SDEzMi41QzY0LjksMzc3LjUsMTAsNDMyLjQsMTAsNTAwczU0LjksMTIyLjUsMTIyLjUsMTIyLjVsMjQ5LjMtNC4zbC00LjMsMjQ5LjNjMCw2Ny42LDU0LjksMTIyLjUsMTIyLjUsMTIyLjVzMTIyLjUtNTQuOSwxMjIuNS0xMjIuNVY2MTguMmwyNDUsNC4zYzY3LjYsMCwxMjIuNS01NC45LDEyMi41LTEyMi41UzkzNS4xLDM3Ny41LDg2Ny41LDM3Ny41eiIvPjwvZz48L2c+Cjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:.5em;content:"";display:flex;filter:invert(1);height:100%;justify-content:center;mix-blend-mode:difference;position:absolute;transform:none;transition:all .2s ease-in-out;width:100%}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot:hover .outer{background-color:inherit;transform:scale(.9)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-2.product-hotspot:hover .inner:before{transform:rotate(90deg)}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot .outer{background:transparent!important;border:0 solid transparent;height:2rem;outline-color:rgba(255,220,0,.8);outline-offset:0;outline-style:solid;outline-width:1;transition:outline-offset .2s ease-in-out;width:2rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot .inner{background-color:rgba(255,220,0,.8);height:1rem;width:1rem}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot:hover .outer{outline-offset:3px;outline-width:2}.wp-block-micemade-wcspots .flex-block.image-container .iconstyle-3.product-hotspot:hover .inner{transform:scale(.8)}:root{--highlight-color:rgba(0,0,0,.6)}.wp-block-micemade-wcspots{position:relative}.wp-block-micemade-wcspots *,.wp-block-micemade-wcspots :after,.wp-block-micemade-wcspots :before{box-sizing:inherit;outline:none}.wp-block-micemade-wcspots>:not(.cover-image){position:relative;z-index:1}.wp-block-micemade-wcspots .cover-image{background-position:50%;background-size:cover;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}.wp-block-micemade-wcspots .flex-container{display:flex;position:relative}.wp-block-micemade-wcspots .flex-container.image-only,.wp-block-micemade-wcspots .flex-container.row{flex-direction:row}.wp-block-micemade-wcspots .flex-container.row-reverse{flex-direction:row-reverse}.wp-block-micemade-wcspots .flex-container.column{flex-direction:column}.wp-block-micemade-wcspots .flex-container.column-reverse{flex-direction:column-reverse}.wp-block-micemade-wcspots .flex-block{display:flex;flex-grow:0;position:relative}.wp-block-micemade-wcspots .flex-block .product-grid,.wp-block-micemade-wcspots .flex-block.image-container,.wp-block-micemade-wcspots .flex-block.image-container .hotspot,.wp-block-micemade-wcspots .flex-block.image-container img{position:relative}.wp-block-micemade-wcspots .flex-block.image-container img{width:100%;z-index:1}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot{align-items:center;border-radius:50%;display:flex;height:2rem;justify-content:center;line-height:.5;padding:0;position:absolute;transform:translateX(-50%) translateY(-50%) scale(1);width:2rem;z-index:5}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .events-holder,.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .inner,.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .outer{border-radius:50%;cursor:pointer;display:block;position:absolute}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .events-holder:hover,.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .inner:hover,.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .outer:hover{cursor:pointer}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .inner,.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .outer{transition-duration:.2s;transition-property:transform,border;transition-timing-function:ease-out}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .outer{z-index:2}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .inner{z-index:3}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot.pulsate:before{animation:animation-1 3.5s infinite;background:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:block;height:100%;left:50%;position:absolute;top:50%;width:100%}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .events-holder{background-color:transparent;border-radius:50%;height:100%;width:100%;z-index:5}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .hotspot-product-title{left:50%;position:absolute;top:130%;transform:translateX(-50%);transition:margin .15s ease-in-out;width:-moz-max-content;width:max-content}.wp-block-micemade-wcspots .flex-block.image-container .product-hotspot .hotspot-product-title span.title-text{background:#fff;border:none;border-radius:3px;box-shadow:2px 2px 10px rgba(0,0,0,.2);color:#333;display:flex;font-size:14px;font-weight:bolder;line-height:1.4;padding:2px 8px}.wp-block-micemade-wcspots .flex-block .product-grid{box-sizing:border-box;display:grid;width:100%}@media(max-width:599px){.wp-block-micemade-wcspots .flex-block .product-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:479px){.wp-block-micemade-wcspots .flex-block .product-grid{grid-template-columns:repeat(1,1fr)!important}}@media(max-width:781px){.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.column,.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.row{flex-direction:column}.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.column-reverse,.wp-block-micemade-wcspots .flex-container.is-stacked-on-mobile.row-reverse{flex-direction:column-reverse}.wp-block-micemade-wcspots .flex-block.is-stacked-on-mobile{width:100%!important}}#modal-container{background:#fff;box-shadow:0 0 30px rgba(0,0,0,.2);height:70vh;left:50%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:50vw;z-index:9999}.react-tiny-popover-container{height:auto;width:clamp(340px,50% + 20px,600px);z-index:1000}.react-tiny-popover-container .popover-content{box-shadow:0 0 30px 0 rgba(0,0,0,.3);display:flex;height:100%;overflow:hidden;width:100%}.react-tiny-popover-container .popover-content .wcspots-product{background-color:#fff;background:var(--wp--preset--color--background);border-radius:inherit;box-shadow:0 0 40px rgba(0,0,0,.3);flex:1}.react-tiny-popover-container .popover-content .arrow{border-style:solid;border-width:10px;display:block;height:0;left:50%;position:absolute;top:50%;width:0}.react-tiny-popover-container .popover-content .arrow.bottom{border-bottom-color:#fff;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;bottom:100%;top:auto;transform:translateX(-50%)}.react-tiny-popover-container .popover-content .arrow.top{border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:#fff;bottom:auto;top:100%;transform:translateX(-50%)}.react-tiny-popover-container .popover-content .arrow.right{border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:#fff;border-top-color:transparent!important;left:auto;right:100%;transform:translateY(-50%)}.react-tiny-popover-container .popover-content .arrow.left{border-bottom-color:transparent!important;border-left-color:#fff;border-right-color:transparent!important;border-top-color:transparent!important;left:100%;right:auto;transform:translateY(-50%)}@keyframes animation-1{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(1)}15%{opacity:.7}50%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(2.5)}to{opacity:0}}

  • wcspots/trunk/languages/wcspots.pot

    r2928069 r2972190  
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: WCSpots 1.0.0\n"
     5"Project-Id-Version: WCSpots 1.1.0\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/wcspots\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2023-06-19T15:05:37+00:00\n"
     12"POT-Creation-Date: 2023-09-27T11:05:01+00:00\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    1414"X-Generator: WP-CLI 2.8.1\n"
    … …  
    4343msgstr ""
    4444
    45 #: build/frontend/index.js:1
    46 #: build/index.js:1
     45#: build/frontend/index.js:41
     46#: build/index.js:2499
     47#: build/frontend/index.js:18
     48#: build/index.js:2213
     49msgid "Loading..."
     50msgstr ""
     51
     52#: build/frontend/index.js:44
     53#: build/frontend/index.js:116
     54#: build/frontend/index.js:185
     55#: build/frontend/index.js:248
     56#: build/frontend/index.js:308
     57#: build/index.js:2502
     58#: build/index.js:2574
     59#: build/index.js:2712
     60#: build/index.js:2907
     61#: build/index.js:2967
     62#: build/frontend/index.js:21
     63#: build/frontend/index.js:73
     64#: build/frontend/index.js:107
     65#: build/frontend/index.js:145
     66#: build/frontend/index.js:179
     67#: build/index.js:2216
     68#: build/index.js:2268
     69#: build/index.js:2360
     70#: build/index.js:2521
     71#: build/index.js:2555
     72msgid "Product not found"
     73msgstr ""
     74
     75#: build/frontend/index.js:113
     76#: build/index.js:2571
     77#: build/frontend/index.js:69
     78#: build/index.js:2264
     79msgid "Loading short description..."
     80msgstr ""
     81
     82#: build/frontend/index.js:201
     83#: build/frontend/index.js:695
     84#: build/index.js:2728
     85#: build/frontend/index.js:120
     86#: build/frontend/index.js:482
     87#: build/index.js:2373
     88msgid "Product has no featured image"
     89msgstr ""
     90
     91#: build/frontend/index.js:245
     92#: build/index.js:2904
     93#: build/frontend/index.js:141
     94#: build/index.js:2517
     95msgid "Loading product price..."
     96msgstr ""
     97
     98#: build/frontend/index.js:305
     99#: build/index.js:2964
     100#: build/frontend/index.js:175
     101#: build/index.js:2551
     102msgid "Loading product title..."
     103msgstr ""
     104
     105#: build/frontend/index.js:855
     106#: build/index.js:5337
     107#: build/frontend/index.js:614
     108#: build/index.js:5126
    47109msgid "Adding..."
    48110msgstr ""
    49111
    50 #: build/frontend/index.js:1
    51 #: build/index.js:1
     112#: build/frontend/index.js:867
     113#: build/index.js:5349
     114#: build/frontend/index.js:629
     115#: build/index.js:5141
    52116msgid "Product added"
    53117msgstr ""
    54118
    55 #: build/frontend/index.js:1
    56 #: build/index.js:1
     119#: build/frontend/index.js:870
     120#: build/index.js:5352
     121#: build/frontend/index.js:633
     122#: build/index.js:5145
    57123msgid "View Cart"
    58124msgstr ""
    59125
    60 #: build/frontend/index.js:1
    61 #: build/index.js:1
    62 msgid "Loading product title..."
    63 msgstr ""
    64 
    65 #: build/frontend/index.js:1
    66 #: build/index.js:1
    67 msgid "Product not found"
    68 msgstr ""
    69 
    70 #: build/frontend/index.js:1
    71 #: build/index.js:1
    72 msgid "Product has no featured image"
    73 msgstr ""
    74 
    75 #: build/frontend/index.js:1
    76 #: build/index.js:1
    77 msgid "Loading product price..."
    78 msgstr ""
    79 
    80 #: build/frontend/index.js:1
    81 #: build/index.js:1
    82 msgid "Loading short description..."
    83 msgstr ""
    84 
    85 #: build/frontend/index.js:1
    86 #: build/index.js:1
    87 msgid "Loading..."
    88 msgstr ""
    89 
    90 #: build/index.js:1
     126#: build/frontend/index.js:1109
     127#: build/index.js:5591
     128#: build/frontend/index.js:814
     129#: build/index.js:5326
     130msgid "Double click on hotspot to assign a product."
     131msgstr ""
     132
     133#: build/index.js:2207
     134#: build/index.js:1943
     135msgid "Format WCSpots Title"
     136msgstr ""
     137
     138#: build/index.js:2222
     139#: build/index.js:1964
     140msgid "Enter your title here"
     141msgstr ""
     142
     143#: build/index.js:2418
     144#: build/index.js:2420
     145#: build/index.js:2138
     146#: build/index.js:2140
     147msgid "Unassign product"
     148msgstr ""
     149
     150#: build/index.js:2424
     151#: build/index.js:2425
     152#: build/index.js:2152
     153#: build/index.js:2153
     154msgid "Remove the hotspot"
     155msgstr ""
     156
     157#: build/index.js:3442
     158#: build/index.js:2926
     159msgid "Columns"
     160msgstr ""
     161
     162#: build/index.js:3450
     163#: build/index.js:2936
     164msgid "Product layout type"
     165msgstr ""
     166
     167#: build/index.js:3451
     168#: build/index.js:2937
     169msgid "Pick a grid type for displaying selected products"
     170msgstr ""
     171
     172#: build/index.js:3482
     173#: build/index.js:4277
     174#: build/index.js:2955
     175#: build/index.js:3994
     176msgid "Image width"
     177msgstr ""
     178
     179#: build/index.js:3495
     180#: build/index.js:2968
     181msgid "Product image resolution"
     182msgstr ""
     183
     184#: build/index.js:3504
     185#: build/index.js:2975
     186msgid "Select the size of the source image."
     187msgstr ""
     188
     189#: build/index.js:3506
     190#: build/index.js:4347
     191#: build/index.js:2982
     192#: build/index.js:4068
     193msgid "Product align"
     194msgstr ""
     195
     196#: build/index.js:3507
     197#: build/index.js:2983
     198msgid "How to align the products"
     199msgstr ""
     200
     201#: build/index.js:3531
     202#: build/index.js:2999
     203msgid "Reset products layout settings."
     204msgstr ""
     205
     206#: build/index.js:3544
     207#: build/index.js:4431
     208#: build/index.js:3017
     209#: build/index.js:4157
     210msgid "Show image"
     211msgstr ""
     212
     213#: build/index.js:3554
     214#: build/index.js:3750
     215#: build/index.js:4444
     216#: build/index.js:3030
     217#: build/index.js:3272
     218#: build/index.js:4173
     219msgid "Show title"
     220msgstr ""
     221
     222#: build/index.js:3564
     223#: build/index.js:4457
     224#: build/index.js:3043
     225#: build/index.js:4189
     226msgid "Show price"
     227msgstr ""
     228
     229#: build/index.js:3574
     230#: build/index.js:4470
     231#: build/index.js:3056
     232#: build/index.js:4205
     233msgid "Show excerpt"
     234msgstr ""
     235
     236#: build/index.js:3584
     237#: build/index.js:4483
     238#: build/index.js:3069
     239#: build/index.js:4221
     240msgid "Show Add to Cart"
     241msgstr ""
     242
     243#: build/index.js:3595
     244#: build/index.js:3084
     245msgid "Reset toggles"
     246msgstr ""
     247
     248#: build/index.js:3610
     249#: build/index.js:3105
     250msgid "Gap between products"
     251msgstr ""
     252
     253#: build/index.js:3618
     254#: build/index.js:4522
     255#: build/index.js:3112
     256#: build/index.js:4273
     257msgid "Product elements spacing"
     258msgstr ""
     259
     260#: build/index.js:3626
     261#: build/index.js:4533
     262#: build/index.js:3119
     263#: build/index.js:4285
     264msgid "Product elements padding"
     265msgstr ""
     266
     267#: build/index.js:3637
     268#: build/index.js:4546
     269#: build/index.js:3130
     270#: build/index.js:4300
     271msgid "Reset spacing"
     272msgstr ""
     273
     274#: build/index.js:3649
     275#: build/index.js:4558
     276#: build/index.js:3148
     277#: build/index.js:4318
     278msgid "Title font size"
     279msgstr ""
     280
     281#: build/index.js:3657
     282#: build/index.js:4569
     283#: build/index.js:3158
     284#: build/index.js:4333
     285msgid "Price font size"
     286msgstr ""
     287
     288#: build/index.js:3665
     289#: build/index.js:4580
     290#: build/index.js:3168
     291#: build/index.js:4348
     292msgid "Short description font size"
     293msgstr ""
     294
     295#: build/index.js:3673
     296#: build/index.js:4591
     297#: build/index.js:3178
     298#: build/index.js:4362
     299msgid "Add to Cart size"
     300msgstr ""
     301
     302#: build/index.js:3684
     303#: build/index.js:4605
     304#: build/index.js:3193
     305#: build/index.js:4379
     306msgid "Reset sizes"
     307msgstr ""
     308
     309#: build/index.js:3701
     310#: build/index.js:4625
     311#: build/index.js:3215
     312#: build/index.js:4406
     313msgid "Background Color"
     314msgstr ""
     315
     316#: build/index.js:3707
     317#: build/index.js:3220
     318msgid "Title color"
     319msgstr ""
     320
     321#: build/index.js:3713
     322#: build/index.js:3225
     323msgid "Price color"
     324msgstr ""
     325
     326#: build/index.js:3719
     327#: build/index.js:3230
     328msgid "Short description color"
     329msgstr ""
     330
     331#: build/index.js:3724
     332#: build/index.js:4657
     333#: build/index.js:3237
     334#: build/index.js:4447
     335msgid "Reset colors"
     336msgstr ""
     337
     338#: build/index.js:3746
     339#: build/index.js:3266
     340msgid "Title and description"
     341msgstr ""
     342
     343#: build/index.js:3771
     344#: build/index.js:3301
     345msgid "Show description"
     346msgstr ""
     347
     348#: build/index.js:3792
     349#: build/index.js:3333
     350msgid "WooCommerce products"
     351msgstr ""
     352
     353#: build/index.js:3796
     354#: build/index.js:3350
     355msgid "Loading products list"
     356msgstr ""
     357
     358#: build/index.js:3805
     359#: build/index.js:3367
     360msgid "Image for Hot Spots"
     361msgstr ""
     362
     363#: build/index.js:3808
     364#: build/index.js:3372
     365msgid "Choose image for Woo HotSpots Block"
     366msgstr ""
     367
     368#: build/index.js:3821
     369#: build/index.js:3391
     370msgid "Add Image"
     371msgstr ""
     372
     373#: build/index.js:3821
     374#: build/index.js:3392
     375msgid "Replace Image"
     376msgstr ""
     377
     378#: build/index.js:3826
     379#: build/index.js:3401
     380msgid "Remove image"
     381msgstr ""
     382
     383#: build/index.js:3829
     384#: build/index.js:3410
     385msgid "Upload image"
     386msgstr ""
     387
     388#: build/index.js:3830
     389#: build/index.js:3416
     390msgid "No image selected"
     391msgstr ""
     392
     393#: build/index.js:3831
     394#: build/index.js:3423
     395msgid "Background image"
     396msgstr ""
     397
     398#: build/index.js:3846
     399#: build/index.js:3438
     400msgid "Background image opacity"
     401msgstr ""
     402
     403#: build/index.js:3856
     404#: build/index.js:3453
     405msgid "Layout"
     406msgstr ""
     407
     408#: build/index.js:3860
     409#: build/index.js:3459
     410msgid "Stack on mobile"
     411msgstr ""
     412
     413#: build/index.js:3887
     414#: build/index.js:3482
     415msgid "Vertical align"
     416msgstr ""
     417
     418#: build/index.js:3906
     419#: build/index.js:3496
     420msgid "Image width (%)"
     421msgstr ""
     422
     423#: build/index.js:3906
     424#: build/index.js:3497
     425msgid "Image / products ratio (%)"
     426msgstr ""
     427
     428#: build/index.js:3924
     429#: build/index.js:3520
     430msgid "Reset layout"
     431msgstr ""
     432
     433#: build/index.js:3931
     434#: build/index.js:3532
     435msgid "Product layout"
     436msgstr ""
     437
     438#: build/index.js:3937
     439#: build/index.js:3543
     440msgid "Style properties like colors, spacing, and font sizes are available in the editor styles tab."
     441msgstr ""
     442
     443#: build/index.js:3940
     444#: build/index.js:3551
     445msgid "Hotspots"
     446msgstr ""
     447
     448#: build/index.js:3950
     449#: build/index.js:4188
     450#: build/index.js:3570
     451#: build/index.js:3908
     452msgid "Remove hotspot"
     453msgstr ""
     454
     455#: build/index.js:3960
     456#: build/index.js:4198
     457#: build/index.js:3585
     458#: build/index.js:3922
     459msgid "Remove All Hotspots"
     460msgstr ""
     461
     462#: build/index.js:3961
     463#: build/index.js:3588
     464msgid "Style properties of hotspots are available in the editor styles tab."
     465msgstr ""
     466
     467#: build/index.js:3962
     468#: build/index.js:4198
     469#: build/index.js:3591
     470#: build/index.js:3926
     471msgid "Click on image to add hotspots"
     472msgstr ""
     473
     474#: build/index.js:3966
     475#: build/index.js:3605
     476msgid "Product styles"
     477msgstr ""
     478
     479#: build/index.js:3973
     480#: build/index.js:3622
     481msgid "Hotspots - general styles"
     482msgstr ""
     483
     484#: build/index.js:3976
     485#: build/index.js:4135
     486#: build/index.js:3626
     487#: build/index.js:3824
     488msgid "Hotspot style"
     489msgstr ""
     490
     491#: build/index.js:3988
     492#: build/index.js:3640
     493msgid "Hotspot outer size"
     494msgstr ""
     495
     496#: build/index.js:4000
     497#: build/index.js:3655
     498msgid "Hotspot inner size"
     499msgstr ""
     500
     501#: build/index.js:4025
     502#: build/index.js:4160
     503#: build/index.js:3685
     504#: build/index.js:3861
     505msgid "Primary Color"
     506msgstr ""
     507
     508#: build/index.js:4036
     509#: build/index.js:4171
     510#: build/index.js:3697
     511#: build/index.js:3877
     512msgid "Secondary Color"
     513msgstr ""
     514
     515#: build/index.js:4040
     516#: build/index.js:3704
     517msgid "Pulsate all hotspots"
     518msgstr ""
     519
     520#: build/index.js:4049
     521#: build/index.js:3716
     522msgid "To pulsate individual hotspots, enable pulsation for each hotspot in \"Hotspot - individual styles\""
     523msgstr ""
     524
     525#: build/index.js:4057
     526#: build/index.js:3723
     527msgid "Show product title"
     528msgstr ""
     529
     530#: build/index.js:4079
     531#: build/index.js:4634
     532#: build/index.js:3753
     533#: build/index.js:4417
     534msgid "Title Color"
     535msgstr ""
     536
     537#: build/index.js:4090
     538#: build/index.js:3765
     539msgid "Title Background Color"
     540msgstr ""
     541
     542#: build/index.js:4093
     543#: build/index.js:3771
     544msgid "Title size"
     545msgstr ""
     546
     547#: build/index.js:4106
     548#: build/index.js:3788
     549msgid "Reset hotspot general styles"
     550msgstr ""
     551
     552#: build/index.js:4113
     553#: build/index.js:3801
     554msgid "Hotspot - individual styles"
     555msgstr ""
     556
     557#: build/index.js:4174
     558#: build/index.js:3884
     559msgid "Pulsate this hotspot"
     560msgstr ""
     561
     562#: build/index.js:4276
     563#: build/index.js:3993
     564msgid "Enable image height"
     565msgstr ""
     566
     567#: build/index.js:4276
     568#: build/index.js:3993
     569msgid "Enable image width"
     570msgstr ""
     571
     572#: build/index.js:4277
     573#: build/index.js:3994
     574msgid "Image height"
     575msgstr ""
     576
     577#: build/index.js:4288
     578#: build/index.js:4008
    91579msgid "Popover layout type"
    92580msgstr ""
    93581
    94 #: build/index.js:1
     582#: build/index.js:4289
     583#: build/index.js:4009
    95584msgid "Pick a layout for popover with product"
    96585msgstr ""
    97586
    98 #: build/index.js:1
    99 msgid "Product align"
    100 msgstr ""
    101 
    102 #: build/index.js:1
     587#: build/index.js:4348
     588#: build/index.js:4069
    103589msgid "Align product elements in the popover"
    104590msgstr ""
    105591
    106 #: build/index.js:1
     592#: build/index.js:4374
     593#: build/index.js:4089
    107594msgid "Popover width: minimum"
    108595msgstr ""
    109596
    110 #: build/index.js:1
     597#: build/index.js:4388
     598#: build/index.js:4104
    111599msgid "Popover width: preferred"
    112600msgstr ""
    113601
    114 #: build/index.js:1
     602#: build/index.js:4402
     603#: build/index.js:4119
    115604msgid "Popover width: maximum"
    116605msgstr ""
    117606
    118 #: build/index.js:1
    119 msgid "Reset layout, align, and width"
    120 msgstr ""
    121 
    122 #: build/index.js:1
    123 msgid "Show image"
    124 msgstr ""
    125 
    126 #: build/index.js:1
    127 msgid "Show title"
    128 msgstr ""
    129 
    130 #: build/index.js:1
    131 msgid "Show price"
    132 msgstr ""
    133 
    134 #: build/index.js:1
    135 msgid "Show excerpt"
    136 msgstr ""
    137 
    138 #: build/index.js:1
    139 msgid "Show Add to Cart"
    140 msgstr ""
    141 
    142 #: build/index.js:1
     607#: build/index.js:4418
     608#: build/index.js:4138
     609msgid "Reset popover layout settings."
     610msgstr ""
     611
     612#: build/index.js:4497
     613#: build/index.js:4238
    143614msgid "Reset toggle"
    144615msgstr ""
    145616
    146 #: build/index.js:1
     617#: build/index.js:4511
     618#: build/index.js:4259
    147619msgid "Popover padding"
    148620msgstr ""
    149621
    150 #: build/index.js:1
    151 msgid "Product elements spacing"
    152 msgstr ""
    153 
    154 #: build/index.js:1
    155 msgid "Product elements padding"
    156 msgstr ""
    157 
    158 #: build/index.js:1
    159 msgid "Reset spacing"
    160 msgstr ""
    161 
    162 #: build/index.js:1
    163 msgid "Title font size"
    164 msgstr ""
    165 
    166 #: build/index.js:1
    167 msgid "Price font size"
    168 msgstr ""
    169 
    170 #: build/index.js:1
    171 msgid "Short description font size"
    172 msgstr ""
    173 
    174 #: build/index.js:1
    175 msgid "Add to Cart size"
    176 msgstr ""
    177 
    178 #: build/index.js:1
    179 msgid "Reset sizes"
    180 msgstr ""
    181 
    182 #: build/index.js:1
    183 msgid "Background Color"
    184 msgstr ""
    185 
    186 #: build/index.js:1
    187 msgid "Title Color"
    188 msgstr ""
    189 
    190 #: build/index.js:1
     622#: build/index.js:4643
     623#: build/index.js:4428
    191624msgid "Price Color"
    192625msgstr ""
    193626
    194 #: build/index.js:1
     627#: build/index.js:4652
     628#: build/index.js:4439
    195629msgid "Excerpt Color"
    196630msgstr ""
    197631
    198 #: build/index.js:1
    199 msgid "Reset colors"
    200 msgstr ""
    201 
    202 #: build/index.js:1
     632#: build/index.js:4667
     633#: build/index.js:4463
    203634msgid "Popover layout"
    204635msgstr ""
    205636
    206 #: build/index.js:1
    207 msgid "Style properties like colors, sizes, and spacing are available in the editor styles tab."
    208 msgstr ""
    209 
    210 #: build/index.js:1
     637#: build/index.js:4674
     638#: build/index.js:4475
     639msgid "Style properties like colors, spacing, and font sizes are available in the editor styles tab"
     640msgstr ""
     641
     642#: build/index.js:4678
     643#: build/index.js:4485
    211644msgid "Popover styles"
    212645msgstr ""
    213646
    214 #: build/index.js:1
     647#: build/index.js:4709
     648#: build/index.js:4526
    215649msgid "Arrow color is set in \"Background Color\" (\"Colors\" tab)."
    216650msgstr ""
    217651
    218 #: build/index.js:1
    219 msgid "Product layout type"
    220 msgstr ""
    221 
    222 #: build/index.js:1
    223 msgid "Pick a grid type for displaying selected products"
    224 msgstr ""
    225 
    226 #: build/index.js:1
    227 msgid "How to align the products"
    228 msgstr ""
    229 
    230 #: build/index.js:1
    231 msgid "Columns"
    232 msgstr ""
    233 
    234 #: build/index.js:1
    235 msgid "Reset layout, align, and columns"
    236 msgstr ""
    237 
    238 #: build/index.js:1
    239 msgid "Reset toggles"
    240 msgstr ""
    241 
    242 #: build/index.js:1
    243 msgid "Gap between products"
    244 msgstr ""
    245 
    246 #: build/index.js:1
    247 msgid "Title color"
    248 msgstr ""
    249 
    250 #: build/index.js:1
    251 msgid "Price color"
    252 msgstr ""
    253 
    254 #: build/index.js:1
    255 msgid "Short description color"
    256 msgstr ""
    257 
    258 #: build/index.js:1
    259 msgid "Title and description"
    260 msgstr ""
    261 
    262 #: build/index.js:1
    263 msgid "Show description"
    264 msgstr ""
    265 
    266 #: build/index.js:1
    267 msgid "WooCommerce products"
    268 msgstr ""
    269 
    270 #: build/index.js:1
    271 msgid "Loading products list"
    272 msgstr ""
    273 
    274 #: build/index.js:1
    275 msgid "Image for Hot Spots"
    276 msgstr ""
    277 
    278 #: build/index.js:1
    279 msgid "Choose image for Woo HotSpots Block"
    280 msgstr ""
    281 
    282 #: build/index.js:1
    283 msgid "Replace Image"
    284 msgstr ""
    285 
    286 #: build/index.js:1
    287 msgid "Add Image"
    288 msgstr ""
    289 
    290 #: build/index.js:1
    291 msgid "Remove image"
    292 msgstr ""
    293 
    294 #: build/index.js:1
    295 msgid "Upload image"
    296 msgstr ""
    297 
    298 #: build/index.js:1
    299 msgid "No image selected"
    300 msgstr ""
    301 
    302 #: build/index.js:1
    303 msgid "Background image"
    304 msgstr ""
    305 
    306 #: build/index.js:1
    307 msgid "Background image opacity"
    308 msgstr ""
    309 
    310 #: build/index.js:1
    311 msgid "Layout"
    312 msgstr ""
    313 
    314 #: build/index.js:1
    315 msgid "Stack on mobile"
    316 msgstr ""
    317 
    318 #: build/index.js:1
    319 msgid "Vertical align"
    320 msgstr ""
    321 
    322 #: build/index.js:1
    323 msgid "Image width (%)"
    324 msgstr ""
    325 
    326 #: build/index.js:1
    327 msgid "Image / products ratio (%)"
    328 msgstr ""
    329 
    330 #: build/index.js:1
    331 msgid "Reset layout"
    332 msgstr ""
    333 
    334 #: build/index.js:1
    335 msgid "Product layout"
    336 msgstr ""
    337 
    338 #: build/index.js:1
    339 msgid "Product styles"
    340 msgstr ""
    341 
    342 #: build/index.js:1
    343 msgid "Hotspot general styles"
    344 msgstr ""
    345 
    346 #: build/index.js:1
    347 msgid "Hotspot style"
    348 msgstr ""
    349 
    350 #: build/index.js:1
    351 msgid "Primary Color"
    352 msgstr ""
    353 
    354 #: build/index.js:1
    355 msgid "Secondary Color"
    356 msgstr ""
    357 
    358 #: build/index.js:1
    359 msgid "Show product title"
    360 msgstr ""
    361 
    362 #: build/index.js:1
    363 msgid "Title Background Color"
    364 msgstr ""
    365 
    366 #: build/index.js:1
    367 msgid "Title size"
    368 msgstr ""
    369 
    370 #: build/index.js:1
    371 msgid "Reset hotspot general styles"
    372 msgstr ""
    373 
    374 #: build/index.js:1
    375 msgid "Styles per hotspot"
    376 msgstr ""
    377 
    378 #: build/index.js:1
    379 msgid "Remove hotspot"
    380 msgstr ""
    381 
    382 #: build/index.js:1
    383 msgid "Remove All Hotspots"
    384 msgstr ""
    385 
    386 #: build/index.js:1
    387 msgid "Click on image to add hotspots"
    388 msgstr ""
    389 
    390 #: build/index.js:1
    391 msgid "Unassign product"
    392 msgstr ""
    393 
    394 #: build/index.js:1
    395 msgid "Remove the hotspot"
    396 msgstr ""
    397 
    398 #: build/index.js:1
    399 msgid "Format WCSpots Title"
    400 msgstr ""
    401 
    402 #: build/index.js:1
    403 msgid "Enter your title here"
    404 msgstr ""
    405 
    406 #: build/index.js:1
     652#: build/index.js:4933
     653#: build/index.js:4719
    407654msgid "Pick your products in the sidebar \"WooCommerce products\" section."
    408655msgstr ""
    409656
    410 #: build/index.js:1
     657#: build/index.js:4967
     658#: build/index.js:4763
    411659msgid "Enter your description here"
    412660msgstr ""
    413661
    414 #: build/index.js:1
     662#: build/index.js:5008
     663#: build/index.js:4811
    415664msgid "Add image"
    416665msgstr ""
    417666
    418 #: build/index.js:1
     667#: build/index.js:5009
     668#: build/index.js:4812
    419669msgid "Drag & drop or select an image file"
    420670msgstr ""
    421671
    422 #: build/index.js:1
     672#: build/index.js:5016
     673#: build/index.js:4822
    423674msgid "WCSpots image"
    424675msgstr ""
    425676
    426 #: build/index.js:1
    427 msgid "Double click on hotspot to assign a product."
    428 msgstr ""
    429 
    430 #: build/index.js:1
     677#: build/index.js:5037
     678#: build/index.js:4850
    431679msgid "Click on image to add hotspots."
    432680msgstr ""
    433681
    434 #: build/index.js:1
     682#: build/index.js:5040
     683#: build/index.js:4863
    435684msgid "Assign a product to this hotspot"
    436685msgstr ""
    437686
    438 #: build/index.js:1
     687#: build/index.js:5046
     688#: build/index.js:4873
    439689msgid "Products"
    440690msgstr ""
    441691
    442 #: build/index.js:1
     692#: build/index.js:5983
     693#: build/index.js:5665
    443694msgid "Lookbook image"
    444695msgstr ""

  • wcspots/trunk/package-lock.json

    r2928069 r2972190  
    11{
    22    "name": "wcspots",
    3     "version": "0.1.0",
     3    "version": "1.0.0",
    44    "lockfileVersion": 2,
    55    "requires": true,
    … …  
    77        "": {
    88            "name": "wcspots",
    9             "version": "0.1.0",
     9            "version": "1.0.0",
    1010            "license": "GPL-2.0-or-later",
    1111            "dependencies": {

  • wcspots/trunk/readme.txt

    r2938618 r2972190  
    1 === WCSpots - hotspots for WooCommerce products ===
     1=== WCSpots - image hotspots for WooCommerce ===
    22Contributors:      Anydog
    33Tags:              woocommerce, hotspots, block, gutenberg, showcase
    44Requires at least: 6.0
    5 Tested up to:      6.2
    6 Requires PHP:      7.0
    7 Stable tag:        1.0.0
     5Tested up to:      6.3
     6Requires PHP:      7.4
     7Stable tag:        1.1.0
    88License:           GPL-2.0-or-later
    99License URI:       https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    1919This plugin is perfect for any WooCommerce store owner looking to showcase their products in a unique and engaging way. Whether you want to highlight your best-sellers, promote new arrivals, or simply create an eye-catching product display, our plugin has got you covered.
    2020
     21> ** v.1.0.0. to v.1.1.0 UPDATE NOTICE: Upon update to v.1.1.0. no significant change or issue should occur on frontend of your WCSpots showcases. However, after update, on edit screen the "This block contains unexpected or invalid content." notice will appear. Clicking the "Attempt Block Recovery" will fix this notice, and new WCSpots v.1.1.0 features will be available.**
     22
    2123=== Key Features ===
    2224
    … …  
    2729* Build your own layout with intuitive controls and settings.
    2830* Mobile-friendly: Our plugin is fully responsive, ensuring your hotspots and product popovers look great on any device.
    29 * SEO-friendly: Each hotspot is an anchor link, which is great for SEO and allows users to share individual product links.
    3031* Fast loading: Our plugin is optimized for speed, ensuring your page loads quickly and efficiently.
    3132
    3233So why wait? Download our WCSpots Block today and start showcasing your products like never before!
    3334
     35=== New from v.1.1.0 ===
     36* **Drag and drop hotspots** - easily change hotspot position.
     37* **Pulsating hotspot effect** - make hotspot pulsate, globally, or per hotspot.
     38* **Change the hotspot sizes** - separate control over inner and outer hotspot elements.
     39* **Product highlight color** - product higlighted with hotspot primary color, on hotspot hover.
     40* **Product image size** - image size controls for products and a popover.
     41
    3442Demonstration of WCSpots block usage:
    3543
    36 [youtube https://www.youtube.com/watch?v=n0i9uqBsKp0?rel=0]
     44[youtube https://www.youtube.com/watch?v=n0i9uqBsKp0]
    3745
    3846== Installation ==
    … …  
    5866= Does WCSpots require WooCommerce plugin being installed and activated? =
    5967
    60 Yes, in current version, the WCSpots requires that WooCommerce plugin is installed and active. For the commercial version of WCSpots, there is a roadmap with custom hotspot products or content included.
     68Yes, in current version, the WCSpots requires that WooCommerce plugin is installed and active.There is also a roadmap with custom hotspot products or content included.
    6169
    62 = Which features will be added to commercial version of WCSpots?
     70= Are there any upgrades planned for the WCSpots block?
    6371
    64 * Custom products featuring assigning custom content to hotspots and popovers, other than WooCommerce products.
    65 * Patterns with pre-designed WCSpots blocks to easily start with showcase layouts
    66 * Inner blocks before and after main block content (image, products, and hotspots), replacing fixed title and description.
    67 * Additional controls for block background image: size, position, filters.
    68 * Additional hotspot icon styles.
     72Yes, more controls over products and popover layout, as well as hotspot options. Feature requests in the Support page of plugin are more than welcome.
    6973
    7074== Screenshots ==
    … …  
    8993
    9094The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences:
    91 * ClassNames - https://www.npmjs.com/package/classnames
    92 * React Select - https://github.com/JedWatson/react-select/blob/master/LICENSE | https://react-select.com/home
    93 * React Tiny Popover - https://www.npmjs.com/package/react-tiny-popover
    94 * DOMPurify - https://www.npmjs.com/package/dompurify
    95 * uuid - https://www.npmjs.com/package/uuid
     95* [ClassNames](https://www.npmjs.com/package/classnames)
     96* [React Select](https://react-select.com/home)
     97* [React Tiny Popover](https://www.npmjs.com/package/react-tiny-popover)
     98* [DOMPurify](https://www.npmjs.com/package/dompurify)
     99* [uuid](https://www.npmjs.com/package/uuid)
    96100
    97101== Changelog ==
    98102
     103= 1.1.0 =
     104
     105* Added drag and drop hotspots functionality in the editor.
     106* Added conditional display of controls (showcase image and product styles), depending on the state of other controls.
     107* Added a list of hotspots to the block settings tab (accessible also in the block styles tab).
     108* Added product image width and height in products list and in popover.
     109* Added product image resoluion, selection of registered image sizes.
     110* Additional layouts for product and popover.
     111* Added hotspot general outer and inner size controls.
     112* Hotspot primary color is now a product highlight color.
     113* Added pulsating effect to hotspot, with general and individual toggle control.
     114
    99115= 1.0.0 =
    100116
    101 * Fixed the bug with Add to Cart (Read more) button when the product has no price set.
     117* Fixed the bug with Add to Cart (Read more) button when the product has no price.
    102118* Fixed the decoding of special HTML characters for product titles.
    103119* Added load_plugin_textdomain for PHP translated strings.

  • wcspots/trunk/src/block.json

    r2928069 r2972190  
    111111            "default": 3
    112112        },
     113
    113114        "elementsToggle":{
    114115            "type": "object",
    … …  
    135136        },
    136137
     138        "imageSize":{
     139            "type":"string",
     140            "default": "50%"
     141        },
     142        "featuredImageSize": {
     143            "type": "string",
     144            "default": "automatic"
     145        },
    137146        "titleSize":{
    138147            "type":"string",
    … …  
    168177            "default": ""
    169178        },
    170        
     179
    171180        "hotspots": {
    172181            "type": "array",
    … …  
    181190                "titleSize": "14px",
    182191                "iconStyle": "iconstyle-1",
    183                 "primaryColor": "rgba(17, 17, 17, 0.2)",
    184                 "secondaryColor": "rgb(255, 255, 255)"
     192                "primaryColor": "rgba(120, 120, 120, 0.7)",
     193                "secondaryColor": "#fff",
     194                "size": 2,
     195                "innerSize": 1,
     196                "pulsateEff": true
    185197            }
    186198        },
    … …  
    217229                "productSpacing": "0.6em",
    218230                "productPadding": "0.8em",
     231                "imageSizeOn": false,
     232                "imageSize": "30vh",
    219233                "titleSize": "1em",
    220234                "priceSize": "1em",

  • wcspots/trunk/src/components/hotspot.js

    r2928069 r2972190  
    11/**
    2  * WordPress dependenices.
     2 * WordPress dependencies.
    33 */
    44import { __ } from '@wordpress/i18n';
    5 import { IconButton } from "@wordpress/components";
     5import { IconButton, Icon } from "@wordpress/components";
     6
     7/**
     8 * External dependencies.
     9 */
     10import classNames from 'classnames';
    611
    712/**
    … …  
    1015import AddHotspotPopover from '../frontend/addHotspotPopover';
    1116
     17/**
     18 * Hotspot component.
     19 */
    1220const Hotspot = ({ hotspot, hotspotSettings, onDoubleClick, onMouseOver, onMouseOut, clientId, hotspots, setAttributes, context, unassignProduct, removeHotspot, popoverAtts, popoverParent }) => {
    13 
    1421
    1522    const {
    … …  
    2330        iconStyle,
    2431        primaryColor,
    25         secondaryColor,
    26         size,
    27         innerSize
     32        secondaryColor
    2833    } = hotspot;
     34
    2935
    3036    const styles = {
    3137        left: `${x}%`,
    3238        top: `${y}%`,
    33         // ...hotspot.primaryColor && { backgroundColor: hotspot.primaryColor, outlineColor: hotspot.primaryColor }
    34         backgroundColor: primaryColor || hotspotSettings.primaryColor,
    35         outlineColor: primaryColor || hotspotSettings.primaryColor
    36     };
    37 
     39    };
    3840    const titleStyle = {
    3941        color: hotspotSettings.titleColor,
    4042        backgroundColor: hotspotSettings.titleBack,
    41         fontSize: hotspotSettings.titleSize
     43        fontSize: hotspotSettings.titleSize,
     44        marginTop: `${hotspotSettings.size * 2}%`
     45    };
     46
     47    // Set colors using per hotspot or general hotspot settings.
     48    let primColor = primaryColor || hotspotSettings.primaryColor;
     49    let secColor = secondaryColor || hotspotSettings.secondaryColor;
     50
     51    const outerStyles = {
     52        ...primColor && {
     53            backgroundColor: primColor,
     54            outlineColor: primColor
     55        },
     56        width: `${hotspotSettings.size}rem`,
     57        height: `${hotspotSettings.size}rem`
     58    };
     59    const innerStyles = {
     60        ...secColor && {
     61            backgroundColor: secColor
     62        },
     63        width: `${hotspotSettings.innerSize}rem`,
     64        height: `${hotspotSettings.innerSize}rem`,
     65    };
     66
     67    const hotspotTitle = getHotspotTitle(context, name, productTitle);
     68    const _iconStyle = iconStyle || hotspotSettings.iconStyle;
     69
     70    const hotspotClassNames = classNames(
     71        'product-hotspot',
     72        _iconStyle || 'iconstyle-1',
     73        {
     74            ['pulsate ']: hotspot.pulsateEff || hotspotSettings.pulsateEff,
     75        });
     76
     77
     78    // Drag and drop hotspot.
     79    let isDragging = false, xPerc = 0, yPerc = 0, container;
     80    let dragHotspot = document.getElementById(hotspot.id);
     81    const startDrag = (event) => {
     82        if (event.button > 1) return; // Disable dragging on right or middle click.
     83        document.addEventListener('mousemove', dragOnMouseMove);
     84        document.addEventListener('mouseup', stopDragging);
     85        container = document.getElementById(`block-${clientId}`)?.getElementsByClassName('image-container')[0];
    4286    }
    4387
    44     const innerStyles = {
    45         // ...hotspot.secondaryColor && { backgroundColor: hotspot.secondaryColor }
    46         backgroundColor: secondaryColor || hotspotSettings.secondaryColor
    47     }
    48 
    49     const hotspotTitleDefault = (context == 'edit') ? name : null;
    50     const hotspotTitle = productTitle ? productTitle : hotspotTitleDefault;
    51 
    52     const _iconStyle = iconStyle || hotspotSettings.iconStyle;
     88    const dragOnMouseMove = (event) => {
     89        isDragging = true;
     90        if (!hotspot || !dragHotspot || !container) {
     91            isDragging = false;
     92            return;
     93        }
     94        // Get boundaries of hotspot container (image).
     95        const rectParent = container.getBoundingClientRect();
     96        [xPerc, yPerc] = getHotspotPosition(event, rectParent);
     97        // Update hotspot position.
     98        dragHotspot.style.left = `${xPerc.toFixed(2)}% `;
     99        dragHotspot.style.top = `${yPerc.toFixed(2)}%`;
     100    };
     101
     102    const stopDragging = (event) => {
     103        // Update hotspot coordinates in block attributes.
     104        if (isDragging) {
     105            setAttributes({ hotspots: updateHotspots(hotspots, hotspot.id, xPerc, yPerc) });
     106        }
     107        // Remove listeners.
     108        document.removeEventListener('mousemove', dragOnMouseMove);
     109        document.removeEventListener('mouseup', stopDragging);
     110    };
    53111
    54112    return (
    55113        <div
    56114            style={styles}
    57             className={`product-hotspot ${_iconStyle || 'iconstyle-1'}`}
     115            id={hotspot.id}
     116            // className={`product-hotspot ${_iconStyle || 'iconstyle-1'}`}
     117            className={hotspotClassNames}
    58118            data-product-title={hotspotTitle}
    59119            data-product-id={productId ? productId : ''}
    60120            data-client-id={clientId}
     121            data-primColor={primColor}
     122            data-secColor={secColor}
    61123        >
     124
     125            <div className='inner' style={innerStyles} />
     126
     127            <div className='outer' style={outerStyles} />
     128
    62129            <div
    63130                className="events-holder"
    64131                onDoubleClick={() => onDoubleClick(hotspot)}
    65                 onMouseOver={() => onMouseOver(event, hotspot, clientId)}
     132                onMouseOver={() => onMouseOver(event, hotspot, clientId, primaryColor || hotspotSettings.primaryColor)}
    66133                onMouseOut={() => onMouseOut(event, hotspot, clientId)}
     134                {...context === 'edit' && ({ onMouseDown: startDrag })}
     135                title='Press and hold to move the hotspot'
    67136            >
    68137                {(context === 'edit' && productId) && (
    … …  
    72141            </div>
    73142
    74             <div className='inner' style={innerStyles} />
    75 
    76             {hotspotSettings.showTitle && (
    77                 <div className="hotspot-product-title">
    78 
    79                     <span className='title-text' style={titleStyle}>{hotspotTitle}</span>
    80 
    81                     {(context == 'edit' && productId) && (
    82                         <IconButton
    83                             className="unassign"
    84                             icon="remove"
    85                             onClick={() => unassignProduct(hotspots, setAttributes, id)}
    86                             label={__('Unassign product', 'wcspots')}
    87                             isSmall
    88                             aria-label={__('Unassign product', 'wcspots')}
    89                         />
    90                     )}
    91                 </div>
    92             )}
    93 
    94             {context == 'edit' && (
    95                 <IconButton
    96                     className="remove-hotspot"
    97                     icon="no"
    98                     onClick={() => removeHotspot(hotspots, setAttributes, id)}
    99                     label={__('Remove the hotspot', 'wcspots')}
    100                     isSmall
    101                     aria-label={__('Remove the hotspot', 'wcspots')}
    102                 />
    103             )}
    104 
    105         </div>
     143
     144            {
     145                hotspotSettings.showTitle && (
     146                    <div className="hotspot-product-title">
     147
     148                        <span className='title-text' style={titleStyle}>{hotspotTitle}</span>
     149
     150                        {(context == 'edit' && productId) && (
     151                            <IconButton
     152                                className="unassign"
     153                                icon="remove"
     154                                onClick={() => unassignProduct(hotspots, setAttributes, id)}
     155                                label={__('Unassign product', 'wcspots')}
     156                                isSmall
     157                                aria-label={__('Unassign product', 'wcspots')}
     158                            />
     159                        )}
     160                    </div>
     161                )
     162            }
     163
     164            {
     165                context == 'edit' && (
     166                    <div
     167                        className="remove-hotspot"
     168                        onClick={() => removeHotspot(hotspots, setAttributes, id)}
     169                        title={__('Remove the hotspot', 'wcspots')}
     170                        aria-label={__('Remove the hotspot', 'wcspots')}>
     171                        <Icon icon="no" />
     172                    </div>
     173                )
     174            }
     175
     176        </div >
    106177    );
    107178};
    108179
     180/**
     181 * Helper functions.
     182 */
     183const getHotspotTitle = (context, name, productTitle) => {
     184    const hotspotTitleDefault = (context == 'edit') ? name : null;
     185    return productTitle ? productTitle : hotspotTitleDefault;
     186};
     187
     188const getHotspotPosition = (event, rectParent) => {
     189    let xPerc = ((event.clientX - rectParent.left) / rectParent.width) * 100;
     190    let yPerc = ((event.clientY - rectParent.top) / rectParent.height) * 100;
     191    // Simple constrain to image (hotspot container) boundaries.
     192    xPerc = xPerc >= 100 ? 100 : xPerc;
     193    xPerc = xPerc <= 0 ? 0 : xPerc;
     194    yPerc = yPerc >= 100 ? 100 : yPerc;
     195    yPerc = yPerc <= 0 ? 0 : yPerc;
     196    return [xPerc, yPerc];
     197};
     198
     199const updateHotspots = (hotspots, thisHotspotId, xPerc, yPerc) => hotspots?.map((hotspot) => {
     200    if (hotspot.id === thisHotspotId) {
     201        return {
     202            ...hotspot,
     203            x: xPerc,
     204            y: yPerc,
     205        };
     206    }
     207    return hotspot;
     208});
     209
    109210export default Hotspot;
     211

  • wcspots/trunk/src/components/productGrid.js

    r2926653 r2972190  
    77    productList,
    88    columns,
     9    featuredImageSize,
    910    productsGap,
    1011    context,
    … …  
    1415    productSpacing,
    1516    elementsToggle,
     17    imageSize,
    1618    titleSize,
    1719    priceSize,
    … …  
    3436                    key={`product-${context}-${productId}`}
    3537                    productId={productId}
     38                    featuredImageSize={featuredImageSize}
    3639                    productsLayout={productsLayout}
    3740                    productsAlign={productsAlign}
    … …  
    3942                    productSpacing={productSpacing}
    4043                    elementsToggle={elementsToggle}
     44                    imageSize={imageSize}
    4145                    titleSize={titleSize}
    4246                    priceSize={priceSize}

  • wcspots/trunk/src/components/productImage.js

    r2926653 r2972190  
     1/**
     2 * WordPress dependencies.
     3 */
    14import { Spinner } from '@wordpress/components';
    25import { __ } from '@wordpress/i18n';
     6
     7/** React dependencies. */
     8import { Fragment } from 'react';
     9
     10/**
     11 * Internal dependencies.
     12 */
    313import getProduct from '../functions/getProduct';
     14import getFeaturedImage from '../functions/getFeaturedImage';
    415
    5 const ProductImage = ({ productId }) => {
     16const ProductImage = ({ productId, featuredImageSize }) => {
    617    const { product, loading } = getProduct(productId);
     18    const { loadingFeaturedImg, featuredImage } = getFeaturedImage(productId, featuredImageSize);
    719
    8     if (loading) {
     20    if (loading || loadingFeaturedImg) {
    921        return <Spinner />;
    1022    }
    … …  
    1426    }
    1527
     28    // If product has images attached to it.
    1629    const hasImages = product.images && product.images.length > 0;
    17     const imgSrcSet = hasImages ? product.images[0].srcset : null;
    18     const imgSrc = hasImages ? product.images[0].src : null;
     30    // Get featured image.
     31    const featWcImage = hasImages ? product.images[0] : null;
     32    // Get image srcset.
     33    const imgSrcSet = hasImages ? featWcImage.srcset : null;
     34    // Get image src (full size).
     35    const imgSrc = hasImages ? featWcImage.src : null;
     36
     37    // Image fallback (WC placeholder image or notice.)
    1938    const fallback = typeof wc == 'object' ? (<img src={wc?.wcSettings?.PLACEHOLDER_IMG_SRC} alt={product.name} />) : (__('Product has no featured image', 'wcspots'));
    2039
    21     return (imgSrcSet || imgSrc) ? (
    22         <img {...(imgSrcSet ? { srcSet: imgSrcSet } : {})} src={imgSrc} alt={product.name} />
     40    return (hasImages) ? (
     41        <img {...((imgSrcSet && !featuredImage) ? { srcSet: imgSrcSet } : {})} src={featuredImage ?? imgSrc} alt={product.name} />
    2342    ) : (
    24         <div>{fallback}</div>
     43        <Fragment>{fallback}</Fragment>
    2544    );
    2645};

  • wcspots/trunk/src/components/productItem.js

    r2926653 r2972190  
    88    context,
    99    productId,
     10    featuredImageSize,
    1011    productsLayout,
    1112    productsAlign,
    … …  
    1314    productSpacing,
    1415    elementsToggle,
     16    imageSize,
    1517    titleSize,
    1618    priceSize,
    … …  
    2729    }
    2830
     31    const imageStyle = {
     32        ...((productsLayout === 'layout2' || productsLayout === 'layout4') && { flexBasis: imageSize })
     33    }
     34
    2935    const elementsStyle = {
    3036        padding: productPadding,
    3137        alignItems: productsAlign,
     38        ...((productsLayout === 'layout2' || productsLayout === 'layout4') && { flexBasis: `calc( 100% - ${imageSize} )` })
    3239    }
    3340
    … …  
    6471
    6572            {elementsToggle.image && (
    66                 <div className="product-featured-image" data-product-image={productId}>
     73                <div className="product-featured-image" data-product-image={productId} style={imageStyle}>
    6774                    {isEdit && (
    68                         <ProductImage productId={productId} />
     75                        <ProductImage productId={productId} featuredImageSize={featuredImageSize} />
    6976                    )}
    7077                </div>

  • wcspots/trunk/src/controls/inspectorControls.js

    r2928069 r2972190  
    1818} from '@wordpress/components';
    1919import { InspectorControls, MediaUpload, PanelColorSettings, HeightControl } from '@wordpress/block-editor';
     20import { useSelect } from '@wordpress/data';
    2021
    2122/**
    … …  
    4344/**
    4445 * InspectorControlsComponent function.
    45  * @param {*} props 
    46  * @returns 
     46 * @param {*} props
     47 * @returns
    4748 */
    4849const InspectorControlsComponent = ({ attributes, setAttributes, clientId }) => {
    … …  
    7172        productsAlign,
    7273        columns,
     74        featuredImageSize,
    7375        productsGap,
    7476        productPadding,
    7577        productSpacing,
    7678        elementsToggle,
     79        imageSize,
    7780        titleSize,
    7881        priceSize,
    … …  
    98101        setAttributes(savedAtts);
    99102    };
     103
    100104    /**
    101105     * Create 'srcset' and 'sizes' img attributes for  image. Discard 'thumbnail' size.
    … …  
    125129    }, [media]);
    126130
     131    // Retrieve registered image sizes.
     132    const getImageSizes = useSelect(select => select('core/editor').getEditorSettings().imageSizes);
     133    const imageSizes = [...[{ slug: 'automatic', name: 'Automatic' }], ...getImageSizes];
    127134
    128135    /**
    … …  
    198205        setAttributes({ hotspots: filteredHotspots });
    199206    }
    200     const hotspotStyleOptions = [
     207    // Hotspot styles.
     208    const hotspotStyles = [
    201209        { label: 'Style 1', value: 'iconstyle-1' },
    202210        { label: 'Style 2', value: 'iconstyle-2' },
    203211        { label: 'Style 3', value: 'iconstyle-3' },
    204212    ];
     213    const individualHotspotStyle = [...[{ label: 'Change general style', value: '' }], ...hotspotStyles];
    205214
    206215    // Product layout tabs.
    … …  
    210219            title: 'Layout',
    211220            content: (
    212                 <div>
     221                <Fragment>
     222
     223                    <CardDivider size="xSmall" style={{ margin: '10px 0' }} />
     224
     225                    <RangeControl
     226                        label={__('Columns', 'wcspots')}
     227                        value={columns}
     228                        onChange={(value) =>
     229                            setAttributes({ columns: value })
     230                        }
     231                        min={1}
     232                        max={4}
     233                    />
     234
    213235                    <ImageRadioSelectControl
    214236                        label={__('Product layout type', 'wcspots')}
    … …  
    218240                            { value: 'layout2', label: 'Layout 2', image: require('./icons/Layout_2.png') },
    219241                            { value: 'layout3', label: 'Layout 3', image: require('./icons/Layout_3.png') },
     242                            { value: 'layout4', label: 'Layout 3', image: require('./icons/Layout_4.png') },
    220243                        ]}
    221244                        value={productsLayout}
    … …  
    225248                        height='38px'
    226249                    />
     250
     251                    {(elementsToggle.image && (productsLayout === 'layout2' || productsLayout === 'layout4')) && (
     252                        <Fragment>
     253                            <CardDivider size="xSmall" style={{ margin: '10px 0' }} />
     254                            <HeightControl
     255                                label={__('Image width', 'wcspots')}
     256                                value={imageSize}
     257                                onChange={(newValue) => {
     258                                    setAttributes({ imageSize: newValue });
     259                                }}
     260                            />
     261                        </Fragment>
     262                    )}
     263
     264                    {elementsToggle.image && (
     265                        <Fragment>
     266                            <CardDivider size="xSmall" style={{ margin: '10px 0' }} />
     267                            <SelectControl
     268                                label={__('Product image resolution', 'wcspots')}
     269                                value={featuredImageSize}
     270                                options={imageSizes.map(size => ({
     271                                    value: size.slug,
     272                                    label: size.name,
     273                                }))}
     274                                onChange={(value) => setAttributes({ featuredImageSize: value })}
     275                                help={__('Select the size of the source image.', 'wcspots')}
     276                            />
     277                        </Fragment>
     278                    )}
     279
     280
    227281                    <ImageRadioSelectControl
    228282                        label={__('Product align', 'wcspots')}
    … …  
    240294                    />
    241295
    242                     <CardDivider size="xSmall" />
    243 
    244                     <RangeControl
    245                         label={__('Columns', 'wcspots')}
    246                         value={columns}
    247                         onChange={(value) =>
    248                             setAttributes({ columns: value })
    249                         }
    250                         min={1}
    251                         max={4}
    252                     />
    253 
    254296                    <Button
    255297                        isLink
    256298                        isSmall
    257                         text={__('Reset layout, align, and columns', 'wcspots')}
     299                        text={__('Reset products layout settings.', 'wcspots')}
    258300                        onClick={() => {
    259                             resetAtts(['productsLayout', 'productsAlign', 'columns'])
     301                            resetAtts(['productsLayout', 'productsAlign', 'columns', 'imageSize'])
    260302                        }}
    261303                        className='wcspots-reset-attributes'
    262304                    />
    263305
    264                 </div>
     306                </Fragment>
    265307            ),
    266308        },
    … …  
    402444                    <CardDivider size="xSmall" />
    403445
    404                     <HeightControl
    405                         label={__('Title font size', 'wcspots')}
    406                         value={titleSize}
    407                         onChange={(newValue) => {
    408                             setAttributes({ titleSize: newValue });
    409                         }}
    410                     />
    411                     <HeightControl
    412                         label={__('Price font size', 'wcspots')}
    413                         value={priceSize}
    414                         onChange={(newValue) => {
    415                             setAttributes({ priceSize: newValue });
    416                         }}
    417                     />
    418                     <HeightControl
    419                         label={__('Short description font size', 'wcspots')}
    420                         value={excerptSize}
    421                         onChange={(newValue) => {
    422                             setAttributes({ excerptSize: newValue });
    423                         }}
    424                     />
    425                     <RangeControl
    426                         label={__('Add to Cart size', 'wcspots')}
    427                         value={addToCartSize}
    428                         onChange={(value) =>
    429                             setAttributes({ addToCartSize: value })
    430                         }
    431                         min={0.5}
    432                         max={2}
    433                         step={0.05}
    434                     />
     446                    {elementsToggle.title && (
     447                        <HeightControl
     448                            label={__('Title font size', 'wcspots')}
     449                            value={titleSize}
     450                            onChange={(newValue) => {
     451                                setAttributes({ titleSize: newValue });
     452                            }}
     453                        />
     454                    )}
     455
     456                    {elementsToggle.price && (
     457                        <HeightControl
     458                            label={__('Price font size', 'wcspots')}
     459                            value={priceSize}
     460                            onChange={(newValue) => {
     461                                setAttributes({ priceSize: newValue });
     462                            }}
     463                        />
     464                    )}
     465
     466                    {elementsToggle.excerpt && (
     467                        <HeightControl
     468                            label={__('Short description font size', 'wcspots')}
     469                            value={excerptSize}
     470                            onChange={(newValue) => {
     471                                setAttributes({ excerptSize: newValue });
     472                            }}
     473                        />
     474                    )}
     475
     476                    {elementsToggle.addToCart && (
     477                        <RangeControl
     478                            label={__('Add to Cart size', 'wcspots')}
     479                            value={addToCartSize}
     480                            onChange={(value) =>
     481                                setAttributes({ addToCartSize: value })
     482                            }
     483                            min={0.5}
     484                            max={2}
     485                            step={0.05}
     486                        />
     487                    )}
     488
    435489
    436490                    <Button
    … …  
    461515                                label: __('Background Color', 'wcspots'),
    462516                            },
    463                             {
     517                            elementsToggle.title ? {
    464518                                value: titleColor,
    465519                                onChange: (newValue) => setAttributes({ titleColor: newValue }),
    466520                                label: __('Title color', 'wcspots'),
    467                             },
    468                             {
     521                            } : null,
     522                            elementsToggle.price ? {
    469523                                value: priceColor,
    470524                                onChange: (newValue) => setAttributes({ priceColor: newValue }),
    471525                                label: __('Price color', 'wcspots'),
    472                             },
    473                             {
     526                            } : null,
     527                            elementsToggle.excerpt ? {
    474528                                value: excerptColor,
    475529                                onChange: (newValue) => setAttributes({ excerptColor: newValue }),
    476530                                label: __('Short description color', 'wcspots'),
    477                             }
    478                         ]}
     531                            } : null
     532                        ].filter(item => item !== null)}
    479533                    />
    480534                    <Button
    … …  
    527581                        }
    528582                    />
     583
     584                    {settingsTitleDesc.activeTitle && (
     585                        <HeightControl
     586                            label={'Title spacing'}
     587                            value={settingsTitleDesc.spacingTitle}
     588                            onChange={(newSpacing) => {
     589                                setAttributes({
     590                                    settingsTitleDesc: {
     591                                        ...settingsTitleDesc,
     592                                        spacingTitle: newSpacing
     593                                    }
     594                                });
     595                            }}
     596                        />
     597                    )}
     598
    529599                    <ToggleControl
    530600                        __nextHasNoMarginBottom
    … …  
    541611                    />
    542612
    543                     <HeightControl
    544                         label={'Title spacing'}
    545                         value={settingsTitleDesc.spacingTitle}
    546                         onChange={(newSpacing) => {
    547                             setAttributes({
    548                                 settingsTitleDesc: {
    549                                     ...settingsTitleDesc,
    550                                     spacingTitle: newSpacing
    551                                 }
    552                             });
    553                         }}
    554                     />
    555 
    556                     <HeightControl
    557                         label={'Decription spacing'}
    558                         value={settingsTitleDesc.spacingDesc}
    559                         onChange={(newSpacing) => {
    560                             setAttributes({
    561                                 settingsTitleDesc: {
    562                                     ...settingsTitleDesc,
    563                                     spacingDesc: newSpacing
    564                                 }
    565                             });
    566                         }}
    567                     />
     613                    {settingsTitleDesc.activeDesc && (
     614                        <HeightControl
     615                            label={'Description spacing'}
     616                            value={settingsTitleDesc.spacingDesc}
     617                            onChange={(newSpacing) => {
     618                                setAttributes({
     619                                    settingsTitleDesc: {
     620                                        ...settingsTitleDesc,
     621                                        spacingDesc: newSpacing
     622                                    }
     623                                });
     624                            }}
     625                        />
     626                    )}
    568627
    569628                </PanelBody>
    … …  
    575634                        initialOpen={true}
    576635                    >
    577                         {/* 
     636                        {/*
    578637                    <FormTokenField
    579638                        label={__(
    … …  
    659718                    </PanelRow>
    660719
    661                     <CardDivider size="xSmall" />
    662 
    663                     <SelectControl
    664                         label={__('Background image', 'wcspots')}
    665                         value={backImage}
    666                         options={[
    667                             { label: 'No background image', value: 'backimage-none' },
    668                             { label: 'Same image as background', value: 'backimage-same' },
    669                         ]}
    670                         onChange={(value) => setAttributes({ backImage: value })}
    671                     />
    672 
    673                     {(backImage !== 'backimage-none') && (
     720                    {mediaID && (
     721                        <Fragment>
     722                            <SelectControl
     723                                label={__('Background image', 'wcspots')}
     724                                value={backImage}
     725                                options={[
     726                                    { label: 'No background image', value: 'backimage-none' },
     727                                    { label: 'Same image as background', value: 'backimage-same' },
     728                                ]}
     729                                onChange={(value) => setAttributes({ backImage: value })}
     730                            />
     731                            <CardDivider size="xSmall" />
     732                        </Fragment>
     733                    )}
     734
     735
     736                    {((backImage !== 'backimage-none') && mediaID) && (
    674737                        <RangeControl
    675738                            label={__('Background image opacity', 'wcspots')}
    … …  
    778841                        </TabPanel>
    779842
    780                         <BaseControl help={__('Style properties like colors, sizes, and spacing are available in the editor styles tab.', 'wcspots')} />
     843                        <BaseControl help={__('Style properties like colors, spacing, and font sizes are available in the editor styles tab.', 'wcspots')} />
    781844
    782845                    </PanelBody>
    … …  
    784847
    785848
    786             </InspectorControls>
    787 
    788             <InspectorControls group="styles">
    789                 <PanelBody
    790                     icon={'store'}
    791                     title={__('Product styles', 'wcspots')}
    792                     initialOpen={false}
    793                 >
    794 
    795                     <TabPanel className="product-settings" tabs={productStyleTabs}>
    796                         {(tab) => (
    797                             <div>
    798                                 {tab.content}
    799                             </div>
    800                         )}
    801                     </TabPanel>
    802                 </PanelBody>
    803 
    804849                <PanelBody
    805850                    icon={'marker'}
    806                     title={__('Hotspot general styles', 'wcspots')}
     851                    title={__('Hotspots', 'wcspots')}
     852                    initialOpen={false}
     853
     854                >
     855                    {hotspots.length > 0 ? (
     856                        <Fragment>
     857                            <ul className='hotspots-list'>
     858                                {hotspots.map((hotspot, hotspotIndex) => (
     859                                    <Fragment >
     860
     861                                        <li
     862                                            key={hotspotIndex}
     863                                            className='hotspot-list-item'
     864                                        >
     865                                            <p>{hotspot.productTitle ? hotspot.productTitle : hotspot.name}</p>
     866
     867                                            <IconButton
     868                                                icon="trash"
     869                                                onClick={() => hotspotRemove(hotspotIndex)}
     870                                                label={__('Remove hotspot', 'wcspots')}
     871                                            />
     872                                        </li>
     873
     874                                    </Fragment>
     875
     876                                ))}
     877                            </ul>
     878                            {hotspots.length > 1 && (
     879                                <Button
     880                                    isSecondary
     881                                    isSmall
     882                                    onClick={() => setAttributes({ hotspots: [] })}
     883                                    style={{ marginTop: '20px' }}
     884                                >
     885                                    {__('Remove All Hotspots', 'wcspots')}
     886                                </Button>
     887                            )}
     888                            <BaseControl help={__('Style properties of hotspots are available in the editor styles tab.', 'wcspots')} />
     889                        </Fragment>
     890                    ) : (
     891                        <p>{__('Click on image to add hotspots', 'wcspots')}</p>
     892                    )}
     893
     894
     895
     896                </PanelBody>
     897
     898
     899            </InspectorControls>
     900
     901            <InspectorControls group="styles">
     902                {flexLayout !== 'image-only' && (
     903                    <PanelBody
     904                        icon={'store'}
     905                        title={__('Product styles', 'wcspots')}
     906                        initialOpen={false}
     907                    >
     908
     909                        <TabPanel className="product-settings" tabs={productStyleTabs}>
     910                            {(tab) => (
     911                                <div>
     912                                    {tab.content}
     913                                </div>
     914                            )}
     915                        </TabPanel>
     916                    </PanelBody>
     917                )}
     918
     919
     920                <PanelBody
     921                    icon={'marker'}
     922                    title={__('Hotspots - general styles', 'wcspots')}
    807923                    initialOpen={false}>
    808924
    … …  
    810926                        label={__('Hotspot style', 'wcspots')}
    811927                        value={hotspotSettings.iconStyle}
    812                         options={hotspotStyleOptions}
     928                        options={hotspotStyles}
    813929                        onChange={(newValue) => {
    814930                            setAttributes({
    … …  
    821937                    />
    822938
     939                    <RangeControl
     940                        label={(__('Hotspot outer size', 'wcspots'))}
     941                        value={hotspotSettings.size}
     942                        min={0}
     943                        max={3}
     944                        step={0.05}
     945                        onChange={(newValue) =>
     946                            setAttributes({
     947                                hotspotSettings: {
     948                                    ...hotspotSettings,
     949                                    size: newValue
     950                                }
     951                            })
     952                        }
     953                    />
     954                    <RangeControl
     955                        label={(__('Hotspot inner size', 'wcspots'))}
     956                        value={hotspotSettings.innerSize}
     957                        min={0}
     958                        max={3}
     959                        step={0.05}
     960                        onChange={(newValue) =>
     961                            setAttributes({
     962                                hotspotSettings: {
     963                                    ...hotspotSettings,
     964                                    innerSize: newValue
     965                                }
     966                            })
     967                        }
     968                    />
     969
    823970                    <PanelColorSettings
    824971                        initialOpen={true}
     972                        className='hotspot-tools-panel'
    825973                        enableAlpha
    826974                        colorSettings={[
    … …  
    8521000                    />
    8531001
    854                     <CardDivider size="xSmall" />
     1002                    <ToggleControl
     1003                        __nextHasNoMarginBottom
     1004                        label={__('Pulsate all hotspots', 'wcspots')}
     1005                        checked={hotspotSettings.pulsateEff}
     1006                        onChange={() =>
     1007                            setAttributes({
     1008                                hotspotSettings: {
     1009                                    ...hotspotSettings,
     1010                                    pulsateEff: !hotspotSettings.pulsateEff
     1011                                }
     1012                            })
     1013                        }
     1014                    />
     1015                    {!hotspotSettings.pulsateEff && (
     1016                        <BaseControl help={__('To pulsate individual hotspots, enable pulsation for each hotspot in "Hotspot - individual styles"', 'wcspots')} />
     1017                    )}
     1018
     1019                    <CardDivider size="xSmall" style={{ margin: '5px 0px 20px' }} />
    8551020
    8561021                    <ToggleControl
    … …  
    8731038                            <PanelColorSettings
    8741039                                initialOpen={true}
     1040                                className='hotspot-tools-panel'
    8751041                                enableAlpha
    8761042                                colorSettings={[
    … …  
    9331099                        <PanelBody
    9341100                            icon={'marker'}
    935                             title={__('Styles per hotspot', 'wcspots')}
     1101                            title={__('Hotspot - individual styles', 'wcspots')}
    9361102                            initialOpen={false}
    9371103
    9381104                        >
    939                             <CardDivider size="xSmall" />
     1105                            <CardDivider size="xSmall" style={{ margin: '10px 0' }} />
    9401106
    9411107                            {hotspots.map((hotspot, hotspotIndex) => (
    … …  
    9581124                                                label={__('Hotspot style', 'wcspots')}
    9591125                                                value={hotspot.iconStyle}
    960                                                 options={hotspotStyleOptions}
     1126                                                options={individualHotspotStyle}
    9611127                                                onChange={(value) => {
    9621128                                                    setAttributes({
    … …  
    9711137                                                    })
    9721138                                                }}
     1139
    9731140                                            />
    9741141
    9751142                                            <PanelColorSettings
     1143                                                className='hotspot-tools-panel hotspot-colors'
    9761144                                                initialOpen={true}
    9771145                                                enableAlpha
    … …  
    10121180                                                ]}
    10131181                                            />
     1182                                            {!hotspotSettings.pulsateEff && (
     1183                                                <ToggleControl
     1184                                                    label={__('Pulsate this hotspot', 'wcspots')}
     1185                                                    checked={hotspot.pulsateEff}
     1186                                                    style={{ marginTop: '10px' }}
     1187                                                    onChange={(value) =>
     1188                                                        setAttributes({
     1189                                                            hotspots: [
     1190                                                                ...hotspots.slice(0, hotspotIndex),
     1191                                                                {
     1192                                                                    ...hotspot,
     1193                                                                    pulsateEff: value,
     1194                                                                },
     1195                                                                ...hotspots.slice(hotspotIndex + 1),
     1196                                                            ],
     1197                                                        })
     1198                                                    }
     1199                                                />
     1200                                            )}
     1201
    10141202
    10151203                                        </PanelBody>
    … …  
    10261214                            {hotspots.length > 0 && (
    10271215                                <Fragment>
    1028                                     <CardDivider size="xSmall" />
    10291216                                    <Button
    10301217                                        isSecondary
    10311218                                        isSmall
    10321219                                        onClick={() => setAttributes({ hotspots: [] })}
     1220                                        style={{ marginTop: '20px' }}
    10331221                                    >
    10341222                                        {__('Remove All Hotspots', 'wcspots')}

  • wcspots/trunk/src/controls/popoverControls.js

    r2928069 r2972190  
    4444    };
    4545
     46    // Different labels for image size control, depending on layout.
     47    const imageSizingLabel = () => {
     48        let layout = popoverAtts.productsLayout;
     49        let labelEnableImageSize = (layout === 'layout1' || layout === 'layout3') ? __('Enable image height', 'wcspots') : __('Enable image width', 'wcspots')
     50        let labelImageSize = (layout === 'layout1' || layout === 'layout3') ? __('Image height', 'wcspots') : __('Image width', 'wcspots');
     51        return [labelEnableImageSize, labelImageSize];
     52    }
     53
    4654    // Popover settings tabs.
    4755    const popoverAttsTabs = [
    … …  
    6068                            { value: 'layout2', label: 'Layout 2', image: require('./icons/popoverLayout_2.png') },
    6169                            { value: 'layout3', label: 'Layout 3', image: require('./icons/popoverLayout_3.png') },
     70                            { value: 'layout4', label: 'Layout 3', image: require('./icons/popoverLayout_4.png') },
    6271                        ]}
    6372                        value={popoverAtts.productsLayout}
    … …  
    7281                        height='38px'
    7382                    />
     83
     84
     85                    {(elementsToggle?.image) && (
     86                        <Fragment>
     87                            <CardDivider size="xSmall" />
     88                            <ToggleControl
     89                                __nextHasNoMarginBottom
     90                                label={imageSizingLabel()[0]}
     91                                checked={popoverAtts.imageSizeOn}
     92                                onChange={() =>
     93                                    setAttributes({
     94                                        popoverAtts: {
     95                                            ...popoverAtts,
     96                                            imageSizeOn: !popoverAtts.imageSizeOn
     97                                        }
     98                                    })
     99                                }
     100                            />
     101
     102                            <CardDivider size="xSmall" style={{ margin: '10px 0' }} />
     103                            {popoverAtts.imageSizeOn && (
     104
     105                                <HeightControl
     106                                    label={imageSizingLabel()[1]}
     107                                    value={popoverAtts.imageSize}
     108                                    onChange={(newValue) => {
     109                                        setAttributes({
     110                                            popoverAtts: {
     111                                                ...popoverAtts,
     112                                                imageSize: newValue
     113                                            }
     114                                        });
     115                                    }}
     116                                    height={15}
     117                                />
     118                            )}
     119
     120                        </Fragment>
     121                    )}
     122
    74123                    <ImageRadioSelectControl
    75124                        label={__('Product align', 'wcspots')}
    … …  
    139188                    />
    140189
     190
    141191                    <Button
    142192                        isLink
    143193                        isSmall
    144                         text={__('Reset layout, align, and width', 'wcspots')}
     194                        text={__('Reset popover layout settings.', 'wcspots')}
    145195                        onClick={() => {
    146                             resetPopoverAtts(['productsLayout', 'productsAlign', 'popoverWidth'])
     196                            resetPopoverAtts(['productsLayout', 'imageSizeOn', 'imageSize', 'productsAlign', 'popoverWidth'])
    147197                        }}
    148198                        className='wcspots-reset-attributes'
    … …  
    320370                    <CardDivider size="xSmall" />
    321371
    322                     <HeightControl
    323                         label={__('Title font size', 'wcspots')}
    324                         value={popoverAtts.titleSize}
    325                         onChange={(newValue) => {
    326                             setAttributes({
    327                                 popoverAtts: {
    328                                     ...popoverAtts,
    329                                     titleSize: newValue
    330                                 }
    331                             });
    332                         }}
    333                     />
    334                     <HeightControl
    335                         label={__('Price font size', 'wcspots')}
    336                         value={popoverAtts.priceSize}
    337                         onChange={(newValue) => {
    338                             setAttributes({
    339                                 popoverAtts: {
    340                                     ...popoverAtts,
    341                                     priceSize: newValue
    342                                 }
    343                             });
    344                         }}
    345                     />
    346                     <HeightControl
    347                         label={__('Short description font size', 'wcspots')}
    348                         value={popoverAtts.excerptSize}
    349                         onChange={(newValue) => {
    350                             setAttributes({
    351                                 popoverAtts: {
    352                                     ...popoverAtts,
    353                                     excerptSize: newValue
    354                                 }
    355                             });
    356                         }}
    357                     />
     372                    {elementsToggle?.title && (
     373                        <HeightControl
     374                            label={__('Title font size', 'wcspots')}
     375                            value={popoverAtts.titleSize}
     376                            onChange={(newValue) => {
     377                                setAttributes({
     378                                    popoverAtts: {
     379                                        ...popoverAtts,
     380                                        titleSize: newValue
     381                                    }
     382                                });
     383                            }}
     384                        />
     385                    )}
     386
     387                    {elementsToggle?.price && (
     388                        <HeightControl
     389                            label={__('Price font size', 'wcspots')}
     390                            value={popoverAtts.priceSize}
     391                            onChange={(newValue) => {
     392                                setAttributes({
     393                                    popoverAtts: {
     394                                        ...popoverAtts,
     395                                        priceSize: newValue
     396                                    }
     397                                });
     398                            }}
     399                        />
     400                    )}
     401
     402                    {elementsToggle?.excerpt && (
     403                        <HeightControl
     404                            label={__('Short description font size', 'wcspots')}
     405                            value={popoverAtts.excerptSize}
     406                            onChange={(newValue) => {
     407                                setAttributes({
     408                                    popoverAtts: {
     409                                        ...popoverAtts,
     410                                        excerptSize: newValue
     411                                    }
     412                                });
     413                            }}
     414                        />
     415                    )}
    358416
    359417                    <RangeControl
    … …  
    404462                                label: __('Background Color', 'wcspots'),
    405463                            },
    406                             {
     464                            elementsToggle?.title ? {
    407465                                value: popoverAtts.titleColor,
    408466                                onChange: (newValue) =>
    … …  
    414472                                    }),
    415473                                label: __('Title Color', 'wcspots'),
    416                             },
    417                             {
     474                            } : null,
     475                            elementsToggle?.price ? {
    418476                                value: popoverAtts.priceColor,
    419477                                onChange: (newValue) =>
    … …  
    425483                                    }),
    426484                                label: __('Price Color', 'wcspots'),
    427                             },
    428                             {
     485                            } : null,
     486                            elementsToggle?.excerpt ? {
    429487                                value: popoverAtts.excerptColor,
    430488                                onChange: (newValue) =>
    … …  
    436494                                    }),
    437495                                label: __('Excerpt Color', 'wcspots'),
    438                             },
    439                         ]}
    440                     />
     496                            } : null,
     497                        ].filter(item => item !== null)}
     498                    />
     499
    441500                    <Button
    442501                        isLink
    … …  
    470529                    </TabPanel>
    471530
    472                     <BaseControl help={__('Style properties like colors, sizes, and spacing are available in the editor styles tab.', 'wcspots')} />
     531                    <BaseControl help={__('Style properties like colors, spacing, and font sizes are available in the editor styles tab', 'wcspots')} />
    473532
    474533

  • wcspots/trunk/src/edit.js

    r2928069 r2972190  
    44import { __ } from '@wordpress/i18n';
    55import { useBlockProps, BlockControls, MediaPlaceholder, MediaUpload, RichText } from '@wordpress/block-editor';
    6 import { SelectControl, Modal, ToolbarGroup, Toolbar, ToolbarButton, DropdownMenu } from '@wordpress/components';
     6import { SelectControl, Modal, ToolbarGroup, ToolbarButton } from '@wordpress/components';
    77import { useEffect, useState } from '@wordpress/element';
     8
    89
    910/**
    … …  
    5455        productsAlign,
    5556        columns,
     57        featuredImageSize,
    5658        productsGap,
    5759        productSpacing,
    5860        productPadding,
    5961        elementsToggle,
     62        imageSize,
    6063        titleSize,
    6164        priceSize,
    … …  
    98101        'data-block-id': clientId,
    99102        'data-product-ids': JSON.stringify(productIds),
    100         'data-popover-atts': JSON.stringify(popoverAtts)
     103        'data-popover-atts': JSON.stringify(popoverAtts),
     104        'data-featured-image-size': featuredImageSize
    101105    });
    102106
    … …  
    151155        console.error('Media upload error:', error);
    152156    };
    153 
    154157    const blockToolbarControls = (
    155158        <ToolbarGroup>
    … …  
    178181    const noProductsNotice = __('Pick your products in the sidebar "WooCommerce products" section.', 'wcspots');
    179182
     183    const [position, setPosition] = useState({ x: 0, y: 0 });
     184    const [isDragging, setIsDragging] = useState(false);
     185
    180186    return (
    181187        <>
    … …  
    233239                                    productList={productIds}
    234240                                    columns={productsData.length <= columns ? productsData.length : columns}
     241                                    featuredImageSize={featuredImageSize}
    235242                                    productsGap={productsGap}
    236243                                    productsLayout={productsLayout}
    … …  
    239246                                    productSpacing={productSpacing}
    240247                                    elementsToggle={elementsToggle}
     248                                    imageSize={imageSize}
    241249                                    titleSize={titleSize}
    242250                                    priceSize={priceSize}
    … …  
    281289                        {hotspots?.length > 0 &&
    282290                            hotspots.map((hotspot, index) => (
     291
    283292                                <Hotspot
     293                                    context="edit"
    284294                                    key={`hotspot-${hotspot.id}`}
    285295                                    hotspot={hotspot}
    286296                                    hotspotSettings={hotspotSettings}
    287                                     // onClick={() => hotspotClick(hotspot, setAttributes)}
    288297                                    onDoubleClick={() => modalProductToHotspot(hotspot, setAttributes)}
    289298                                    onMouseOver={onHotspotOver}
    … …  
    296305                                    popoverAtts={popoverAtts}
    297306                                    popoverParent={popoverParent}
    298                                     context="edit"
    299307                                />
     308
    300309                            ))}
    301                         {(hotspots?.length == 0 && mediaURL) && (
    302                             <div className='add-some-hotspots'>
    303                                 {__('Click on image to add hotspots.', 'wcspots')}
    304                             </div>
    305                         )}
     310
     311                        <div className={`hotspots-editor-bottomtip ${classNames({ ['visible']: hotspots?.length == 0 && mediaURL })}`}>
     312                            {__('Click on image to add hotspots.', 'wcspots')}
     313                        </div>
     314
    306315                    </div>
    307316

  • wcspots/trunk/src/editor.scss

    r2926653 r2972190  
    6363 * Various custom styles for component buttons.
    6464 */
    65 .components-button {
    66     &.unassign, &.remove-hotspot {
    67         position: absolute;
    68         top: -12px;
    69         left: calc(100% - 12px);
    70         padding: 5px !important;
    71         width: -moz-max-content;
    72         width: max-content;
    73         min-width: auto !important;
    74         height: 24px;
    75         border-radius: 50%;
    76         z-index: 10;
    77         transition: all .3s linear;
     65
     66.unassign, .remove-hotspot {
     67    position: absolute;
     68    display: flex;
     69    align-items: center;
     70    justify-content: center;
     71    top: 50%;
     72    left: 50%;
     73    padding: 5px !important;
     74    width: -moz-max-content;
     75    width: max-content;
     76    min-width: auto !important;
     77    height: 24px;
     78    width: 24px;
     79    border-radius: 50%;
     80    z-index: 10;
     81    transition: all .3s linear;
     82    &:hover {
     83        cursor: pointer;
    7884    }
     85}
    7986
    80     &.unassign {
    81         background: #246fb1;
    82         color: #fff;
    83         transform: scale(0.7);
     87.unassign {
     88    top: -12px;
     89    left: calc(100% - 12px);
     90    background: #246fb1;
     91    color: #fff;
     92    transform: scale(0.7);
     93}
     94
     95.remove-hotspot {
     96    background: #ed006b;
     97    color: #fff;
     98    transform: translateX(0%) translateY(-90%) scale(0.5);
     99}
     100
     101.wcspots-reset-attributes {
     102    padding: 0;
     103    display: flex;
     104    width: 100%;
     105    justify-content: right;
     106}
     107
     108.hotspots-list {
     109    li.hotspot-list-item {
     110        display: flex;
     111        flex-direction: row;
     112        justify-content: space-between;
     113        align-items:center;
     114        background: #f5f5f5;
     115        border: 1px solid #e5e5e5;
     116        border-bottom: none;
     117        margin-bottom: 0;
     118        p {
     119            margin: 0;
     120            padding: 6px;
     121            font-size: 12px;
     122            line-height: 1.4;
     123        }
     124
     125        &:first-child {
     126            border-top-left-radius: 4px;
     127            border-top-right-radius: 4px;
     128        }
     129        &:last-child {
     130            border-bottom: 1px solid #e5e5e5;
     131            border-bottom-left-radius: 4px;
     132            border-bottom-right-radius: 4px;
     133        }
     134
    84135    }
     136}
    85137
    86     &.remove-hotspot {
    87         background: #ed006b;
    88         color: #fff;
    89         transform: scale(0.6);
    90     }
    91138
    92     &.wcspots-reset-attributes {
    93         padding: 0;
    94         display: flex;
    95         width: 100%;
    96         justify-content: right;
     139.hotspots-editor-bottomtip {
     140    position: absolute;
     141    bottom: 14px;
     142    left: 50%;
     143    transform: translateX(-50%);
     144    padding: 2px 8px;
     145    z-index: 10;
     146    font-size: 14px;
     147    line-height: 1.4;
     148    color: #333;
     149    background: rgba(255,255,255,0.7);
     150    border-radius: 4px;
     151    visibility: hidden;
     152    &.visible {
     153        visibility: visible;
    97154    }
    98155}
    … …  
    118175    }
    119176}
     177
     178.hotspot-tools-panel {
     179    &.components-tools-panel {
     180        padding: 5px;
     181        padding-bottom: 15px;
     182    }
     183
     184    &.hotspot-colors {
     185        margin-bottom: 15px;
     186    }
     187
     188    .first {
     189        margin-top: 10px;
     190    }
     191
     192}

  • wcspots/trunk/src/frontend/addHotspotPopover.js

    r2926653 r2972190  
    3535        productSpacing,
    3636        productPadding,
     37        imageSizeOn,
     38        imageSize,
    3739        titleSize,
    3840        priceSize,
    … …  
    5759
    5860    const popoverStyle = {
    59         width: `clamp(${popoverWidth.min},${popoverWidth.val},${popoverWidth.max})`
     61        width: `clamp(${popoverWidth.min},${popoverWidth.val},${popoverWidth.max})`,
    6062    }
    6163
    6264    const contentDivStyle = {
    6365        ...roundCorners && { borderRadius: roundCorners },
     66        ...(productsLayout === 'layout3' && imageSizeOn) && { height: imageSize }
    6467    }
    6568
    … …  
    7578
    7679    const spacing = {
    77         margin: productSpacing
     80        marginBottom: productSpacing
     81    }
     82
     83    const controlImageSize = () => {
     84        if (!imageSizeOn) return false;
     85        let size = productsLayout === 'layout1' ? { height: imageSize } : { flexBasis: imageSize };
     86        return size;
     87    }
     88    const controlElementSize = () => {
     89        if (!imageSizeOn) return false;
     90        let calcSize = `calc( 100% - ${imageSize} )`;
     91        let size = productsLayout === 'layout1' ? { height: calcSize } : { flexBasis: calcSize };
     92        return size;
     93    }
     94
     95    const imageStyle = {
     96        ...controlImageSize() ?? controlImageSize()
    7897    }
    7998
    8099    const elementsStyle = {
    81         padding: productPadding
    82     }
     100        padding: productPadding,
     101        ...controlElementSize() ?? controlElementSize()
     102    }
     103
    83104
    84105    const titleStyle = {
    … …  
    123144                    <div
    124145                        className={`arrow ${position}`}
    125                         style={Object.assign(arrowStyle, { marginLeft: -nudgedLeft, marginTop: -nudgedTop })} />
     146                        style={Object.assign(arrowStyle, { marginLeft: -nudgedLeft, marginTop: -nudgedTop })}
     147                    />
    126148
    127149                    <div
    … …  
    135157
    136158                        {elementsToggle?.image && (
    137                             <div className="product-featured-image">
     159                            <div className="product-featured-image" style={imageStyle}>
    138160                                <ProductImage productId={assocProdId} />
    139161                            </div>
    … …  
    171193            )}
    172194        >
    173             <div className='popover-toggler' style={popoverTogglerClass} onClick={togglePopover} />
     195            <div className='popover-toggler' style={popoverTogglerClass} onClick={togglePopover} draggable />
    174196
    175197        </HotspotPopover>

  • wcspots/trunk/src/frontend/fetchRenderProducts.js

    r2928069 r2972190  
    77/**
    88 * if DOMPurify doesn't sanitize:
    9  * import { createInterpolateElement } from '@wordpress/element'; // 
     9 * import { createInterpolateElement } from '@wordpress/element'; //
    1010 * https://make.wordpress.org/core/2020/07/17/introducing-createinterpolateelement/
    1111 */
    … …  
    1616import { render } from 'react-dom';
    1717import DOMPurify from 'dompurify';
     18import { Fragment } from 'react';
    1819
    1920/**
    … …  
    2223import addToCartPost from '../functions/addToCartPost';
    2324import decode from '../functions/decode';
     25import FeaturedImageBySize from './FeaturedImageBySize';
    2426
    2527const fetchRenderProducts = (productIds, blockId) => {
    … …  
    2729    // Block instance by 'data-block-id' att.
    2830    const thisBlock = document.querySelector(`[data-block-id="${blockId}"]`);
     31    const featuredImageSize = thisBlock.dataset.featuredImageSize;
    2932    const SanitizeHTML = DOMPurify.sanitize;
    3033
    … …  
    5053            // Product images.
    5154            const hasImages = product.images && product.images.length > 0;
    52             const featuredImg = hasImages ? product.images[0] : null;
    53             const imgSrcSet = featuredImg?.srcset;
    54             const imgSizes = featuredImg?.sizes;
    55             const imgSrc = featuredImg?.src;
    56             const fallBack = typeof wc === 'object' ? wc.wcSettings?.PLACEHOLDER_IMG_SRC : (__('Product has no featured image', 'wcspots'));
     55            const featWcImage = hasImages ? product.images[0] : null;
     56            const imgSrcSet = featWcImage?.srcset;
     57            const imgSrc = featWcImage?.src;
     58            // Fallback to WC placholder, or plain text.
     59            const fallBack = typeof wc === 'object' ? (<img src={wc?.wcSettings?.PLACEHOLDER_IMG_SRC} alt={name} />) : (__('Product has no featured image', 'wcspots'));
    5760
    58             const imageToRender = (imgSrcSet || imgSrc) ? <img {...(imgSrcSet ? { srcSet: imgSrcSet } : {})} src={imgSrc} alt={name} sizes="(max-width: 599px) 100vw, calc(100vw / 3)" /> : fallBack;
     61            let imageToRender = null;
     62            if (!featuredImageSize || featuredImageSize === 'automatic') {
     63                // If no registered image size is set, get image source url from WC Store API.
     64                imageToRender = hasImages ? <img {...(imgSrcSet ? { srcSet: imgSrcSet } : {})} src={imgSrc} alt={name} sizes="(max-width: 599px) 100vw, calc(100vw / 3)" /> : <Fragment>{fallBack}</Fragment>;
     65            } else {
     66                // If registered image size is set, get featured image using WP Rest API.
     67                imageToRender = hasImages ? <FeaturedImageBySize productId={productId} featuredImageSize={featuredImageSize} name={name} /> : <Fragment>{fallBack}</Fragment>
     68            }
    5969
    6070            /**
    61              * Render elements.
     71             * Containers to render elements.
    6272             */
    6373            const imageContainer = thisBlock.querySelector(`[data-product-image="${productId}"]`);
    … …  
    6979            // Product image.
    7080            {
    71                 imageContainer && (
     81                (imageContainer && imageToRender) && (
    7282                    render(imageToRender, imageContainer)
    7383                )

  • wcspots/trunk/src/frontend/hotspotEvents.js

    r2926653 r2972190  
    66const AddHotspotEvents = (hotspot, lookBlockInstance) => {
    77
    8     hotspot.addEventListener('mouseover', (event) => {
    9         const hotspot = event.target;
    10         const productId = hotspot.dataset.productId;
    11         const product = lookBlockInstance.querySelector(`[data-product-id="${productId}"]`);
    12         if (product) {
     8    const productId = hotspot.dataset.productId;
     9    const primColor = hotspot.dataset.primcolor;
     10    const product = lookBlockInstance.querySelector(`[data-product-id="${productId}"]`);
     11
     12    const highlightColor = primColor ?? ' rgba(0, 0, 0, 0.6)';
     13
     14    if (product) {
     15        hotspot.addEventListener('mouseover', (event) => {
     16
    1317            product.classList.add('highlighted');
    14         };
    15     });
     18            product.style.setProperty('--highlight-color', `${highlightColor}`);
     19        });
    1620
    17     hotspot.addEventListener('mouseleave', (event) => {
    18         const hotspot = event.target;
    19         const productId = hotspot.dataset.productId;
    20         const product = lookBlockInstance.querySelector(`[data-product-id="${productId}"]`);
    21 
    22         if (product) {
     21        hotspot.addEventListener('mouseleave', (event) => {
    2322            product.classList.remove('highlighted');
    24         };
    25     });
    26 
     23            // product.style.setProperty('--highlight-color', '');
     24        });
     25    }
    2726}
    2827
    2928export default AddHotspotEvents;
    30 
    31 
    32 
    33 

  • wcspots/trunk/src/functions/getProduct.js

    r2926653 r2972190  
    11/**
    2  * WordPress Dependencies.
     2 * WordPress and React Dependencies.
    33 */
    4 // import { useState, useEffect } from '@wordpress/element';
     4
    55import { useState, useEffect } from 'react';
    66import apiFetch from '@wordpress/api-fetch';
    77
    8 const getProduct = (productId) => {
     8const getProduct = (productId, featuredImageSize) => {
    99    const [product, setProduct] = useState(null);
    1010    const [loading, setLoading] = useState(true);
     11    // const [featuredImage, setFeaturedImage] = useState(null);
    1112
    1213    useEffect(() => {
    … …  
    1920                setLoading(false);
    2021            } catch (error) {
    21                 console.error(error);
     22                console.error("Error fetching products via WC Store API:", error);
    2223            }
    2324        }
     25        fetchProduct();
     26        /*
     27                // If "featuredImageSize" is not set (is 'automatic'), get image source url from registered sizes.
     28                const fetchFeaturedImage = async () => {
     29                    try {
     30                        setLoading(true);
     31                        const response = await apiFetch({
     32                            path: `/wp/v2/product/${productId}?_embed`,
     33                        });
    2434
    25         fetchProduct();
     35                        if (
     36                            typeof featuredImageSize !== "automatic" &&
     37                            typeof response._embedded['wp:featuredmedia'] !== 'undefined'
     38                        ) {
     39                            const featuredImage = response._embedded['wp:featuredmedia'][0].media_details.sizes[featuredImageSize]?.source_url;
     40                            setFeaturedImage(featuredImage);
     41                        }
     42                        setLoading(false);
     43                    } catch (error) {
     44                        console.error("Error fetching featured image size source url via WP Rest API:", error);
     45                    }
     46
     47                };
     48                fetchFeaturedImage();
     49         */
     50        // }, [productId, featuredImageSize]);
    2651    }, [productId]);
    2752

  • wcspots/trunk/src/functions/hotspotFunctions.js

    r2926653 r2972190  
    3333        primaryColor: null,
    3434        secondaryColor: null,
    35         size: null,
    36         innerSize: null
     35        size: 1,
     36        innerSize: 1,
     37        pulsateEff: false
    3738    };
    3839    const updatedHotspots = hotspots?.concat(newHotspot);
    … …  
    8586 * @param {string} clientId
    8687 */
    87 export const onHotspotOver = (event, hotspot, clientId) => {
     88export const onHotspotOver = (event, hotspot, clientId, primaryColor) => {
    8889    // Get "WCSpots" block instance specific to this hotspot.
    8990    const thisBlock = event.target.closest(".wp-block-micemade-wcspots");
    … …  
    9697    if (product && thisBlockId == clientId) {
    9798        product.classList.add('highlighted');
     99        product.style.setProperty('--highlight-color', `${primaryColor}`);
    98100    }
    99101}
    … …  
    117119    if (product && thisBlockId == clientId) {
    118120        product.classList.remove('highlighted');
    119 
     121        product.style.setProperty('--highlight-color', '')
    120122    }
    121123}

  • wcspots/trunk/src/save.js

    r2926653 r2972190  
    3737        productsAlign,
    3838        columns,
     39        featuredImageSize,
    3940        productsGap,
    4041        productPadding,
    4142        productSpacing,
    4243        elementsToggle,
     44        imageSize,
    4345        titleSize,
    4446        priceSize,
    … …  
    6264        'data-block-id': id,
    6365        'data-product-ids': JSON.stringify(productIds),
    64         'data-popover-atts': JSON.stringify(popoverAtts)
     66        'data-popover-atts': JSON.stringify(popoverAtts),
     67        'data-featured-image-size': featuredImageSize
    6568    });
    6669
    … …  
    119122                                productList={productIds}
    120123                                columns={productsData.length <= columns ? productsData.length : columns}
     124                                featuredImageSize={featuredImageSize}
    121125                                productsGap={productsGap}
    122126                                productsLayout={productsLayout}
    … …  
    125129                                productSpacing={productSpacing}
    126130                                elementsToggle={elementsToggle}
     131                                imageSize={imageSize}
    127132                                titleSize={titleSize}
    128133                                priceSize={priceSize}

  • wcspots/trunk/src/style.scss

    r2928069 r2972190  
    88 */
    99%view-cart {
    10     display: block;
     10    display: flex;
    1111    position: absolute;
    1212    top: 100%;
    … …  
    2626            width: 100%;
    2727            flex-direction: row;
    28 
    29             > * {
    30                 flex: 1;
    31             }
    32 
     28            @media (max-width: 781px) {
     29                flex-direction: column;
     30            }
    3331        }
    3432    }
    … …  
    3634        .wcspots-product {
    3735            position: relative;
    38 
    39             > * { flex: 1; }
    4036
    4137            .overlay {
    … …  
    7066        }
    7167    }
     68    &.layout4 {
     69        .wcspots-product {
     70            width: 100%;
     71            flex-direction: row-reverse;
     72            @media (max-width: 781px) {
     73                flex-direction: column;
     74            }
     75        }
     76    }
    7277}
    7378
    7479%alignments {
    75     &.align-center { 
     80    &.align-center {
    7681        .product-title,
    7782        .product-price,
    7883        .product-excerpt > *,
    79         .product-add-to-cart {
     84        .product-add-to-cart,
     85        .view-cart {
    8086            text-align: center;
    8187            transform-origin: center;
    82         }
    83     }
    84     &.align-flex-start {
     88            justify-content: center;
     89        }
     90    }
     91    &.align-flex-start {
    8592        .product-title,
    8693        .product-price,
    8794        .product-excerpt > *,
    88         .product-add-to-cart {
     95        .product-add-to-cart,
     96        .view-cart {
    8997            text-align: left;
    9098            transform-origin: left center;
     99            justify-content: flex-start;
    91100        }
    92101    }
    … …  
    95104        .product-price,
    96105        .product-excerpt > *,
    97         .product-add-to-cart {
     106        .product-add-to-cart,
     107        .view-cart {
    98108            text-align: right;
    99109            transform-origin: right center;
     110            justify-content: flex-end;
    100111        }
    101112    }
    … …  
    107118        flex-direction: column;
    108119        position: relative;
     120        box-sizing: border-box;
    109121        background-color: transparent;
    110122        box-shadow: none;
    … …  
    131143        &.highlighted {
    132144            &:after {
    133                 box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6);
     145                background: var(--highlight-color);
     146                box-shadow: inset 0 0 0 3px var(--highlight-color);
     147                opacity: 0.35;
    134148            }
    135149        }
    136150
    137151        .product-featured-image {
    138 
    139152            display: flex;
    140153            align-items: flex-start;
    141154            z-index: 1;
    142155            border-radius: inherit;
    143             overflow: hidden;
    144156
    145157            img {
    … …  
    206218
    207219    &.iconstyle-1 {
    208         width: 2rem;
    209         height: 2rem;
    210         border: 2px solid transparent;
    211         background: rgba(17, 17, 17, 0.2);
     220
     221        .outer {
     222            width: 2rem;
     223            height: 2rem;
     224            border: 2px solid transparent;
     225            background: rgba(120, 120, 120, 0.7);
     226        }
    212227
    213228        .inner {
    214             background: rgb(255, 255, 255);
    215             box-shadow: 0 1px 4px rgba(17, 17, 17, 0.55);
    216             width: .75rem;
    217             height: .75rem;
    218             border-radius: 50%;
     229            background: #fff;
     230            width: 1rem;
     231            height: 1rem;
     232            border: 0;
    219233        }
    220234
    221235        &:hover {
    222             border-color: rgba(255, 255, 255, 0.5);
    223             background: rgba( 17, 17, 17, 0.4);
     236            .outer {
     237                border: 2px solid rgba(255, 255, 255, 0.5);
     238                background: rgba( 17, 17, 17, 0.4);
     239            }
    224240            .inner {
    225                 transform: scale(0.7);
     241                transform: scale(0.8);
    226242            }
    227243        }
    … …  
    229245
    230246    &.iconstyle-2 {
    231        
    232         width: 1.5rem;
    233         height: 1.5rem;
    234         background: rgba(255, 0, 0, 0.5);
    235         border:none;
     247        .outer {
     248            width: 2rem;
     249            height: 2rem;
     250            background: rgba(255, 0, 0, 0.5);
     251            border:none;
     252        }
    236253
    237254        .inner {
    … …  
    260277        &:hover {
    261278
    262             background-color: inherit;
     279            .outer {
     280                background-color: inherit;
     281                transform: scale(0.9);
     282            }
    263283            .inner {
    264                 width: 1.5rem;
    265                 height: 1.5rem;
    266                 transform: scale(1);
    267 
    268284                &:before {
    269285                    transform: rotate(90deg);
    … …  
    274290
    275291    &.iconstyle-3 {
    276         width: 1.2rem;
    277         height: 1.2rem;
    278         background: transparent !important;
    279         border: 0 solid transparent;
    280         outline-style: solid;
    281         outline-color: rgba(255, 220, 0, 0.8);
    282         outline-width: 1;
    283         transition: outline-offset 0.2s ease-in-out;
    284         outline-offset: 0px;
     292
     293        .outer {
     294            width: 2rem;
     295            height: 2rem;
     296            background: transparent !important;
     297            border: 0 solid transparent;
     298            outline-style: solid;
     299            outline-color: rgba(255, 220, 0, 0.8);
     300            outline-width: 1;
     301            transition: outline-offset 0.2s ease-in-out;
     302            outline-offset: 0px;
     303        }
    285304
    286305        .inner {
    287             width: 0.6rem;
    288             height: 0.6rem;
     306            width: 1rem;
     307            height: 1rem;
    289308            background-color: rgba(255, 220, 0, 0.8);
    290309        }
    291310        &:hover {
    292             outline-offset: 2px;
     311            .outer {
     312                outline-width: 2;
     313                outline-offset: 3px;
     314            }
    293315            .inner {
    294                 transform: none;
    295                 border: none
    296             }
    297         }
    298     }
     316                transform: scale(0.8);
     317            }
     318        }
     319    }
     320}
     321
     322:root {
     323    --highlight-color: rgba(0, 0, 0, 0.6);
    299324}
    300325
    … …  
    356381            /* General rules applied to all product hotspots style */
    357382            .product-hotspot {
    358                 transition: all 250ms ease-in-out;
    359383                transform: translateX(-50%) translateY(-50%) scale(1);
    360384                position: absolute;
    … …  
    366390                border-radius: 50%;
    367391                line-height: .5;
    368 
    369                 .inner, .events-holder {
     392                width: 2rem;
     393                height: 2rem;
     394
     395                .inner, .outer, .events-holder {
    370396                    position: absolute;
    371397                    display: block;
    372398                    cursor: pointer;
    373399                    border-radius: 50%;
     400                    &:hover {
     401                        cursor: pointer;
     402                    }
    374403                }
    375 
    376                 .inner {
    377                     transition: transform 250ms ease-in-out;
    378                     position: relative;
    379                     display: block;
     404                .inner, .outer {
     405                    transition-property: transform, border;
     406                    transition-duration: .2s;
     407                    transition-timing-function: ease-out;
    380408                }
    381 
    382                 &:before {
     409                .outer { z-index: 2; }
     410
     411                .inner { z-index: 3; }
     412
     413                &.pulsate:before {
    383414                    content: "";
    384415                    position: absolute;
    385                     top: -0.5rem;
    386                     left: -0.5rem;
    387                     right: -0.5rem;
    388                     bottom: -0.5rem;
     416                    top: 50%;
     417                    left: 50%;
    389418                    display: block;
     419                    animation: animation-1 3.5s infinite;
     420                    background: rgba(255, 255, 255, 0.5);
     421                    width: 100%;
     422                    height: 100%;
     423                    border-radius: 50%;
    390424                }
    391425
    … …  
    395429                    background-color: transparent;
    396430                    border-radius: 50%;
    397                     z-index: 3;
     431                    z-index: 5;
    398432                }
    399433
    400434                .hotspot-product-title {
    401                    
     435
    402436                    position: absolute;
    403437                    top: 130%;
    … …  
    424458            }
    425459
    426             .add-some-hotspots {
    427                 position: absolute;
    428                 bottom: 14px;
    429                 left: 50%;
    430                 transform: translateX(-50%);
    431                 padding: 2px 8px;
    432                 z-index: 10;
    433                 font-size: 14px;
    434                 line-height: 1.4;
    435                 color: #333;
    436                 background: rgba(255,255,255,0.7);
    437                 border-radius: 4px;
    438             }
    439 
    440460        }
    441461
    … …  
    486506}
    487507
     508/**
     509 * React Tiny Popover styles.
     510 */
    488511.react-tiny-popover-container {
    489512    z-index: 1000;
    490513    width: clamp(340px, 50% + 20px, 600px);
     514    height: auto;
    491515
    492516    .popover-content{
    493 
     517        display: flex;
    494518        overflow: hidden;
    495519        box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
     520        height: 100%;
     521        width: 100%;
    496522
    497523        @extend %wcspots-product;
    … …  
    502528            box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
    503529            border-radius: inherit;
     530            flex: 1;
    504531        }
    505532
    … …  
    507534
    508535        .arrow {
    509            
    510536            position: absolute;
    511537            display: block;
    … …  
    544570                border-bottom-color: transparent !important;
    545571                border-left-color: transparent !important;
    546                 border-right-color:#fff; 
     572                border-right-color:#fff;
    547573            }
    548574
    … …  
    568594    }
    569595
    570     25% {
    571         opacity: 1;
     596    15% {
     597        opacity: 0.7;
     598    }
     599
     600    50% {
     601        transform: translateX(-50%) translateY(-50%) scale(2.5);
     602        opacity: 0;
    572603    }
    573604
    574605    100% {
    575         transform: translateX(-50%) translateY(-50%) scale(2);
    576606        opacity: 0;
    577607    }

  • wcspots/trunk/wcspots.php

    r2928069 r2972190  
    55 * Requires at least: 6.1
    66 * Requires PHP:      7.0
    7  * Version:           1.0.0
     7 * Version:           1.1.0
    88 * Author:            Micemade
    99 * Author URI:        https://micemade.com
Note: See TracChangeset for help on using the changeset viewer.