https://shop.thegreenchapter.com/static/a/uspbarcontentblock/js/index.98164976.js

1registerAddon('UspBarContentBlock',"98164976",function(t){var e;return(()=>{var n={UspBarContentBlock__68aJ:(t,e,n)=>{var o=n("UspBarContentBlock__MzC8"),r=n("UspBarContentBlock__rp7M")(o);r.push([t.id,".UspBarContentBlock__VerticalScroll_bottomTop,.UspBarContentBlock__VerticalScroll_leftRight{background-color:#000;overflow:hidden;position:relative;width:100%}.UspBarContentBlock__VerticalScroll_leftRight{height:100%}.UspBarContentBlock__VerticalScroll_leftRight .UspBarContentBlock__VerticalScroll_line,.UspBarContentBlock__VerticalScroll_leftRight .UspBarContentBlock__VerticalScroll_lineLeft,.UspBarContentBlock__VerticalScroll_leftRight .UspBarContentBlock__VerticalScroll_lineRight{right:0;text-align:center;top:0}.UspBarContentBlock__VerticalScroll_leftRight .UspBarContentBlock__VerticalScroll_lineLeft{right:100%}.UspBarContentBlock__VerticalScroll_leftRight .UspBarContentBlock__VerticalScroll_lineRight{right:-100%}.UspBarContentBlock__VerticalScroll_cover{background-color:pink;top:0;transition:2s}.UspBarContentBlock__VerticalScroll_cover,.UspBarContentBlock__VerticalScroll_line,.UspBarContentBlock__VerticalScroll_lineLeft,.UspBarContentBlock__VerticalScroll_lineRight{height:100%;position:absolute;width:100%}.UspBarContentBlock__VerticalScroll_line,.UspBarContentBlock__VerticalScroll_lineLeft,.UspBarContentBlock__VerticalScroll_lineRight{align-items:center;display:flex}.UspBarContentBlock__VerticalScroll_fullWidthSpan{width:100%}.UspBarContentBlock__VerticalScroll_fullHeightSpan{align-items:center;display:flex;height:100%;justify-content:center;width:100%}",""]),r.locals={bottomTop:"UspBarContentBlock__VerticalScroll_bottomTop",leftRight:"UspBarContentBlock__VerticalScroll_leftRight",line:"UspBarContentBlock__VerticalScroll_line",lineLeft:"UspBarContentBlock__VerticalScroll_lineLeft",lineRight:"UspBarContentBlock__VerticalScroll_lineRight",cover:"UspBarContentBlock__VerticalScroll_cover",fullWidthSpan:"UspBarContentBlock__VerticalScroll_fullWidthSpan",fullHeightSpan:"UspBarContentBlock__VerticalScroll_fullHeightSpan"},t.exports=r},UspBarContentBlock__6vp9:(t,e,n)=>{var o=n("UspBarContentBlock__MzC8"),r=n("UspBarContentBlock__rp7M")(o);r.push([t.id,".UspBarContentBlock__ScreenReaderTexts_hidden{position:absolute;clip:rect(0,0,0,0)}.UspBarContentBlock__ScreenReaderTexts_remove{display:none}",""]),r.locals={hidden:"UspBarContentBlock__ScreenReaderTexts_hidden",remove:"UspBarContentBlock__ScreenReaderTexts_remove"},t.exports=r},UspBarContentBlock__74rY:(t,e,n)=>{t.exports=n("UspBarContentBlock__SUj/").wrapCssModule(t.id,n("UspBarContentBlock__68aJ"))},UspBarContentBlock__MzC8:t=>{"use strict";t.exports=function(t){return t[1]}},UspBarContentBlock__N9Cd:(t,e,n)=>{var o=n("UspBarContentBlock__MzC8"),r=n("UspBarContentBlock__rp7M")(o);r.push([t.id,".UspBarContentBlock__ActionButton_action svg rect.UspBarContentBlock__ActionButton_background{stroke:#000;fill:#000;stroke-width:1px;opacity:.6}.UspBarContentBlock__ActionButton_action svg rect.UspBarContentBlock__ActionButton_border{fill:transparent;stroke:#fff;stroke-width:2px}.UspBarContentBlock__ActionButton_action.UspBarContentBlock__ActionButton_rotation.UspBarContentBlock__ActionButton_pause svg polygon.UspBarContentBlock__ActionButton_pause,button.UspBarContentBlock__ActionButton_rotation.UspBarContentBlock__ActionButton_play svg polygon.UspBarContentBlock__ActionButton_play{fill:#fff;stroke:#fff}.UspBarContentBlock__ActionButton_action.UspBarContentBlock__ActionButton_rotation svg polygon.UspBarContentBlock__ActionButton_play{stroke-width:1;fill:transparent;stroke:transparent}.UspBarContentBlock__ActionButton_action svg polygon{stroke:#fff;fill:#fff;stroke-width:2;opacity:1}.UspBarContentBlock__ActionButton_action.UspBarContentBlock__ActionButton_rotation svg polygon.UspBarContentBlock__ActionButton_pause{stroke-width:4;fill:transparent;stroke:transparent}.UspBarContentBlock__ActionButton_action{background-color:transparent;border:none;height:22px;left:2px;outline:none;padding:0;position:absolute;top:2px;z-index:10}",""]),r.locals={action:"UspBarContentBlock__ActionButton_action",background:"UspBarContentBlock__ActionButton_background",border:"UspBarContentBlock__ActionButton_border",rotation:"UspBarContentBlock__ActionButton_rotation",pause:"UspBarContentBlock__ActionButton_pause",play:"UspBarContentBlock__ActionButton_play"},t.exports=r},"UspBarContentBlock__SUj/":e=>{"use strict";e.exports=t.lib["isomorphic-style-loader"]},"UspBarContentBlock__d+65":(t,e,n)=>{var o=n("UspBarContentBlock__MzC8"),r=n("UspBarContentBlock__rp7M")(o);r.push([t.id,".UspBarContentBlock__Bar_bar{display:flex;height:100%;position:relative;width:100%}",""]),r.locals={bar:"UspBarContentBlock__Bar_bar"}

1,t.exports=r},UspBarContentBlock__jf37:(t,e,n)=>{t.exports=n("UspBarContentBlock__SUj/").wrapCssModule(t.id,n("UspBarContentBlock__6vp9"))},UspBarContentBlock__lTuL:(t,e,n)=>{t.exports=n("UspBarContentBlock__SUj/").wrapCssModule(t.id,n("UspBarContentBlock__N9Cd"))},UspBarContentBlock__oYo5:(t,e,n)=>{t.exports=n("UspBarContentBlock__SUj/").wrapCssModule(t.id,n("UspBarContentBlock__d+65"))},UspBarContentBlock__rp7M:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},e.i=function(t,n,o,r,l){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(o)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(s[a]=!0)}for(var c=0;c<t.length;c++){var d=[].concat(t[c]);o&&s[d[0]]||(void 0!==l&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=l),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),e.push(d))}},e}}},o={};function r(t){var e=o[t];if(void 0!==e)return e.exports;var l=o[t]={id:t,exports:{}};return n[t](l,l.exports,r),l.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(t,'__esModule',{value:!0})};var l={};(()=>{"use strict";r.r(l),r.d(l,{contentBlocks:()=>$});var e=r("UspBarContentBlock__SUj/");const n=t.lib.react;var o=r.n(n);const s=t.lib.classnames;var i=r.n(s),a=r("UspBarContentBlock__oYo5"),c=r.n(a),d=r("UspBarContentBlock__74rY"),p=r.n(d);const u=t.utils;var _=r("UspBarContentBlock__lTuL"),B=r.n(_);const x=t.texts,C=t.lib["react/jsx-runtime"],g=(0,e.withStyles)(B())(t=>{let{hasPaused:e,onClick:n}=t;return(0,C.jsx)(x.UseSanaTexts,{textKeys:['ButtonDescriptionPlay','ButtonDescriptionStop'],children:t=>{let[o,r]=t;return(0,C.jsx)("button",{className:i()(B().action,B().rotation,e?B().play:B().pause),"aria-label":e?o:r,onClick:n,children:(0,C.jsxs)("svg",{width:"42",height:"22",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:[(0,C.jsx)("rect",{className:B().background,x:"2",y:"2",rx:"5",ry:"5",width:"38",height:"18"}),(0,C.jsx)("rect",{className:B().border,x:"4",y:"4",rx:"5",ry:"5",width:"34",height:"14"}),(0,C.jsx)("polygon",{className:B().pause,points:"17 8 17 14"}),(0,C.jsx)("polygon",{className:B().pause,points:"24 8 24 14"}),(0,C.jsx)("polygon",{className:B().play,points:"17 8 17 14 25 11"})]})})}})});var k=r("UspBarContentBlock__jf37"),m=r.n(k);const h=t=>{let{displayAsNone:e,textLines:n}=t;return(0,C.jsx)("div",{role:"list",className:i()(e?m().remove:m().hidden),children:n.map((t,e)=>(0,C.jsx)("div",{role:"listitem",children:(0,u.renderHTML)(t.text)},e))})},f=(0,e.withStyles)(m())(o().memo(h)),y=t=>{let{textLines:e,onClick:o}=t;const[r,l]=(0,n.useState)(!1);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(g,{hasPaused:r,onClick:()=>{o(),l(!r)}}),(0,C.jsx)(f,{displayAsNone:!r,textLines:e})]})},U=(t,e,n)=>{const o='vertical'===n?'top':'right';if(e.current&&t[0][o]===t[1][o]){const r='vertical'===n?e.current.clientHeight:e.current.clientWidth;t[0][o]=-1*r,t[1][o]=0,t[2][o]=r}return t},v=(t,e)=>{t&&(t.text=e.text,t.backgroundColor=e.backgroundColor,t.fontColor=e.fontColor)},b=(t,e,n)=>{const o='vertical'===n?'top':'right';return 0===e?t.find(t=>t[o]>0):t.find(t=>t[o]<0)},S=(t,e)=>{const n=t+1;return n>=e.length?0:n},T=(t,e,n,o,r)=>{const l=[...t.elements];return((t,e)=>{if(!t)return;const n=e[t.textIndex];n&&(t.text=n.text,t.backgroundColor=n.backgroundColor,t.fontColor=n.fontColor)})(e,n),1===n.length?v(b(l,o,r),e):n.length>1&&v(b(l,o,r),n[((t,e)=>{const n=t+1;return n>=e?0:n})(e.textIndex,n.length)]),l},L=(t,e)=>{const n='vertical'===e?'top':'right';return t[0][n]===t[1][n]?t[1]:t.find(t=>0===t[n])},j=(t,e,n,o,r,l,s)=>{if(t.index=s(t.index),t.visibility='visible',t.transition=n[t.index],t.top=((t,e,n)=>0===t?-1*(e.current.clientHeight+n.current.clientHeight):1===t?0:2===t?n.current.clientHeight+e.current.clientHeight:void 0)(t.index,r,l),0===t.transition){const n=S(e,o);t.fontColor=o[n].fontColor,t.text=o[n].text,t.textIndex=n,t.backgroundColor=o[n].backgroundColor}else t.textIndex=e;return t},R=(t,e,n,o,r,l,s,i,a)=>{t(((t,e,n)=>o=>{const r=L(o.elements,'vertical'),l=r.backgroundColor,s=T(o,r,e,n,'vertical');return{...o,backgroundColor:l,elements:U(s,t,'vertical')}})(l,n,a)),0!==e&&(i.current.pause&&i.current.pause(),i.current.play=()=>{const a=setInterval(()=>{t(((t,e,n,o,r)=>l=>{const s=S(l.index,t);return{displayText:t[s].text,backgroundColor:t[s].backgroundColor,index:s,elements:[j(l.elements[0],s,e,t,n,o,r),j(l.elements[1],s,e,t,n,o,r),j(l.elements[2],s,e,t,n,o,r)]}})(n,o,r,l,s))},1e3*e);i.current.pause=()=>{clearInterval(a),i.current.isPlaying=!1},i.current.isPlaying=!0},i.current.play())},N=(0,e.withStyles)(p())(t=>{let{model:e,textLines:o,rotationDelay:r,transitionData:l}=t;const s=(0,n.useRef)(null),i=(0,n.useRef)(null),a=(0,n.useRef)(null),c=(0,n.useRef)(null),d=(0,n.useMemo)(()=>[l.transitionSpeedFirstElement,l.transitionSpeed,l.transitionSpeedSecondElement],[l]),[_,B

1]=(0,n.useState)(e),x=(0,n.useRef)({isPlaying:!0,pausedByButton:!1,play:()=>{},pause:()=>{}});return(0,n.useEffect)(()=>R(B,r,o,d,l.getElementToRepresentNextText(i,c),s,l.getTransitionsIndex,x,l.mode),[r,o,l,d]),(0,C.jsxs)(C.Fragment,{children:[!!r&&(0,C.jsx)(y,{textLines:o,onClick:()=>{const t=x.current;t.isPlaying?(t.pause(),t.pausedByButton=!0):(t.play(),t.pausedByButton=!1)}}),(0,C.jsxs)("div",{className:p().bottomTop,"aria-hidden":!0,onMouseEnter:()=>{const t=x.current;t.pausedByButton||t.isPlaying&&t.pause()},onMouseLeave:()=>{const t=x.current;t.pausedByButton||t.isPlaying||t.play()},children:[(0,u.renderHTML)(_.displayText),(0,C.jsx)("div",{ref:s,className:p().cover,style:{backgroundColor:`${_.backgroundColor}`}}),(0,C.jsx)("div",{ref:i,className:p().line,style:{top:`${_.elements[0].top}px`,color:`${_.elements[0].fontColor}`,transition:`${_.elements[0].transition}s`,visibility:`${_.elements[0].visibility}`},children:(0,C.jsx)("span",{className:p().fullWidthSpan,children:(0,u.renderHTML)(_.elements[0].text)})}),(0,C.jsx)("div",{ref:a,className:p().line,style:{top:`${_.elements[1].top}px`,color:`${_.elements[1].fontColor}`,transition:`${_.elements[1].transition}s`},children:(0,C.jsx)("span",{className:p().fullWidthSpan,children:(0,u.renderHTML)(_.elements[1].text)})}),(0,C.jsx)("div",{ref:c,className:p().line,style:{top:`${_.elements[2].top}px`,color:`${_.elements[2].fontColor}`,transition:`${_.elements[2].transition}s`,visibility:`${_.elements[2].visibility}`},children:(0,C.jsx)("span",{className:p().fullWidthSpan,children:(0,u.renderHTML)(_.elements[2].text)})})]})]})}),M=(t,e,n,o,r,l,s)=>{if(t.index=s(t.index),t.visibility='visible',t.transition=n[t.index],t.right=((t,e,n)=>0===t?-1*(e.current.clientWidth+n.current.clientWidth):1===t?0:2===t?n.current.clientWidth+e.current.clientWidth:void 0)(t.index,r,l),0===t.transition){const n=S(e,o);t.fontColor=o[n].fontColor,t.text=o[n].text,t.textIndex=n,t.backgroundColor=o[n].backgroundColor}else t.textIndex=e;return t},V=(t,e,n,o,r,l,s,i,a)=>{t(((t,e,n)=>o=>{const r=L(o.elements,'horizontal'),l=r.backgroundColor,s=T(o,r,e,n,'horizontal');return{...o,backgroundColor:l,elements:U(s,t,'horizontal')}})(l,n,a)),0!==e&&(i.current.pause&&i.current.pause(),i.current.play=()=>{const a=setInterval(()=>{t(((t,e,n,o,r)=>l=>{const s=S(l.index,t);return{displayText:t[s].text,backgroundColor:t[s].backgroundColor,index:s,elements:[M(l.elements[0],s,e,t,n,o,r),M(l.elements[1],s,e,t,n,o,r),M(l.elements[2],s,e,t,n,o,r)]}})(n,o,r,l,s))},1e3*e);i.current.pause=()=>{clearInterval(a),i.current.isPlaying=!1},i.current.isPlaying=!0},i.current.play())},w=(0,e.withStyles)(p())(t=>{let{model:e,textLines:o,rotationDelay:r,transitionData:l}=t;const s=(0,n.useRef)(null),i=(0,n.useRef)(null),a=(0,n.useRef)(null),c=(0,n.useRef)(null),d=(0,n.useMemo)(()=>[l.transitionSpeedFirstElement,l.transitionSpeed,l.transitionSpeedSecondElement],[l]),[_,B]=(0,n.useState)(e),x=(0,n.useRef)({isPlaying:!0,pausedByButton:!1,play:()=>{},pause:()=>{}});return(0,n.useEffect)(()=>V(B,r,o,d,l.getElementToRepresentNextText(i,c),s,l.getTransitionsIndex,x,l.mode),[r,o,l,d]),(0,C.jsxs)(C.Fragment,{children:[!!r&&(0,C.jsx)(y,{textLines:o,onClick:()=>{const t=x.current;t.isPlaying?(t.pause(),t.pausedByButton=!0):(t.play(),t.pausedByButton=!1)}}),(0,C.jsxs)("div",{className:p().leftRight,"aria-hidden":!0,onMouseEnter:()=>{const t=x.current;t.pausedByButton||t.isPlaying&&t.pause()},onMouseLeave:()=>{const t=x.current;t.pausedByButton||t.isPlaying||t.play()},children:[(0,u.renderHTML)(_.displayText),(0,C.jsx)("div",{ref:s,className:p().cover,style:{backgroundColor:`${_.backgroundColor}`}}),(0,C.jsx)("div",{ref:i,className:p().lineRight,style:{right:`${_.elements[0].right}px`,color:`${_.elements[0].fontColor}`,transition:`${_.elements[0].transition}s`,visibility:`${_.elements[0].visibility}`},children:(0,C.jsx)("span",{className:p().fullHeightSpan,children:(0,u.renderHTML)(_.elements[0].text)})}),(0,C.jsx)("div",{ref:a,className:p().line,style:{right:`${_.elements[1].right}px`,color:`${_.elements[1].fontColor}`,transition:`${_.elements[1].transition}s`},children:(0,C.jsx)("span",{className:p().fullHeightSpan,children:(0,u.renderHTML)(_.elements[1].text)})}),(0,C.jsx)("div",{ref:c,className:p().lineLeft,style:{right:`${_.elements[2].right}px`,color:`${_.elements[2].fontColor}`,transition:`${_.elements[2].transition}s`,visibility:`${_.elements[2].visibility}`},children:(0,C.jsx)("span",{className:p().fullWidthSpan,children:(0,u.renderHTML)(_.elements[2].text)})})]})]})});function A(t,e,n){const o={index:0,displayText:'',backgroundColor:'',elements:[{index:0,top:0,backgroundColor:'',fontColor:'',text:'',textIndex:'',visibility:'',transition:0},{index:1,top:0,backgroundColor:'',fontColor:'',text:'',textIndex:'',visibility:'',transition:0},{index:2,top:0,backgroundColor:'',fontColor:'',text:'',textIndex:'',visibility:'',transition:0}]};return o.elements[0].visibility='hidden',o.elements[2].visibility='hidden',o.displayText=t.textLines[0].text,o.elements[1].text=t.textLines[0].text,o.elements[1].textIndex=0,o.elements[1].fontColor=t.textLines[0].fontColor,o.elements[1].backgroundColor=t.textLines[0].backgroundColor,o.index=0,1===t.textLines.length?(o.elements[2].text=t.textLines[0].text,o.elements[2].textIndex=0,o.elements[2].fontColor=t.textLines[0].fontColor,o.elements[2].backgroundColor=t.textLines[0].backgroundColor,o.elements[0].text=t.textLines[0].text,o.elements[0].textIndex=0,o.elements[0].fontColor=t.textLines[0].fontColor,o.elements[0].backgroundColor=t.textLines[0].backgroundColor):2===t.textLines.length?(o.elements[e].text=t.textLines[1].text,o.elements[e].textIndex=1,o.elements[e].fontColor=t.textLines[1].fontColor,o.elements[e].backgroundColor=t.textLines[1].backgroundColor,o.elements[n].textIndex=0,o.elements[n].backgroundColor=t.textLines[0].backgroundColor):(o.elements[e].text=t.textLines[1].text,o.elements[e].textIndex=1,o.elements[e].fontColor=t.textLines[1].fontColor,o.elements[e].backgroundColor=t.textLines[1].backgroundColor,o.elements[n].text=t.textLines[2].text,o.elements[n].textIndex=2,o.elements[n].fontColor=t.textLines[2].fontColor,o.elements[n].backgroundColor=t.textLines[2].backgroundColor),o.backgroundColor=t.textLines[0].backgroundColor,o}function I(t,e){return t||e}const $={USPBar:(0,e.withStyles)(c())(t=>{let{model:e}=t;e.textLines=e.textLines.filter(t=>!1!==t.visible).sort((t,e)=>t.displayIndex-e.displayIndex).map(t=>({...t,fontColor:I(t.fontColor,'#FFFFFF'),backgroundColor:I(t.backgroundColor,'#000000')}));const[n,o,r]=function(t){switch(t.transitionAs){case 0:default:{const e={transitionSpeed:2,transitionSpeedFirstElement:2,transitionSpeedSecondElement:0,getTransitionsIndex:t=>{const e=t-1;return e<0?2:e},getElementToRepresentNextText:(t,e)=>e,indexForSecondText:0,indexForThirdText:2,mode:0};return[N,A(t,2,0),e]}case 1:{const e={transitionSpeed:2,transitionSpeedFirstElement:0,transitionSpeedSecondElement:2,getTransitionsIndex:t=>{const e=t+1;return e>2?0:e},getElementToRepresentNextText:(t,e)=>t,indexForSecondText:2,indexForThirdText:0,mode:1};return[N,A(t,0,2),e]}case 2:{const e={transitionSpeed:2,transitionSpeedFirstElement:2,transitionSpeedSecondElement:0,getTransitionsIndex:t=>{const e=t-1;return e<0?2:e},getElementToRepresentNextText:(t,e)=>e,indexForSecondText:0,indexForThirdText:2,mode:0};return[w,A(t,2,0),e]}case 3:{const e={transitionSpeed:2,transitionSpeedFirstElement:0,transitionSpeedSecondElement:2,getTransitionsIndex:t=>{const e=t+1;return e>2?0:e},getElementToRepresentNextText:(t,e)=>t,indexForSecondText:2,indexForThirdText:0,mode:1};return[w,A(t,0,2),e]}}}(e);return(0,C.jsx)("div",{className:i()('usp-bar-content-block',c().bar,'notranslate'),children:(0,C.jsx)(n,{model:o,textLines:e.textLines,rotationDelay:e.rotationDelay,transitionData:r})})})}})(),e=l})(),e});
2//# sourceMappingURL=index.98164976.js.map