https://www.thortful.com/7683-es2015.fcae2a2803cf40d864df.js

1"use strict";(self.webpackChunkthor_app=self.webpackChunkthor_app||[]).push([[7683],{87683:function(t,e,i){i.r(e),i.d(e,{CreatorsListModule:function(){return E}});var n=i(92674),r=i(13074),s=i(38135),o=i(20820),l=i(730),a=i(95410),c=i(86243),h=i(86065),p=i(62415),d=i(95178),g=i(70013),m=i(9265),f=i(39669),u=i(95955);const w=["creatorGrid"],C=["creatorTile"],P=["infiniteScroll"],S=["infiniteTopSpace"],b=["creatorsAlphabet"],O=function(t){return{"selected-letter":t}};function M(t,e){if(1&t){const t=p.\u0275\u0275getCurrentView();p.\u0275\u0275elementStart(0,"h6",12),p.\u0275\u0275listener("click",function(){const e=p.\u0275\u0275restoreView(t).$implicit;return p.\u0275\u0275nextContext().clickLetterAction(e)}),p.\u0275\u0275text(1),p.\u0275\u0275elementEnd()}if(2&t){const t=e.$implicit,i=p.\u0275\u0275nextContext();p.\u0275\u0275property("ngClass",p.\u0275\u0275pureFunction1(2,O,i.currentLetter==t)),p.\u0275\u0275advance(1),p.\u0275\u0275textInterpolate(t)}}function v(t,e){if(1&t&&(p.\u0275\u0275elementStart(0,"picture"),p.\u0275\u0275element(1,"source",22),p.\u0275\u0275element(2,"source",23),p.\u0275\u0275element(3,"source",24),p.\u0275\u0275element(4,"img",25),p.\u0275\u0275elementEnd()),2&t){const t=e.ngIf,i=p.\u0275\u0275nextContext().$implicit;p.\u0275\u0275advance(1),p.\u0275\u0275property("imgSrcSet",t),p.\u0275\u0275advance(1),p.\u0275\u0275property("imgSrcSet",t),p.\u0275\u0275advance(1),p.\u0275\u0275property("imgSrcSet",t),p.\u0275\u0275advance(1),p.\u0275\u0275property("imgSrc",t),p.\u0275\u0275attribute("alt",i.nickname)}}const y=function(t){return{"hidden-visibility":t}};function _(t,e){if(1&t&&(p.\u0275\u0275elementStart(0,"div",16,17),p.\u0275\u0275elementStart(2,"div",18),p.\u0275\u0275elementStart(3,"a",19),p.\u0275\u0275template(4,v,5,5,"picture",20),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementStart(5,"p",21),p.\u0275\u0275elementStart(6,"span"),p.\u0275\u0275text(7),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementEnd()),2&t){const t=e.$implicit;p.\u0275\u0275property("ngClass",p.\u0275\u0275pureFunction1(5,y,!t.marketing_picture)),p.\u0275\u0275attribute("name",t.initial),p.\u0275\u0275advance(3),p.\u0275\u0275property("routerLink",t.url),p.\u0275\u0275advance(1),p.\u0275\u0275property("ngIf",null==t||null==t.marketing_picture?null:t.marketing_picture.large),p.\u0275\u0275advance(3),p.\u0275\u0275textInterpolate(t.nickname)}}function x(t,e){if(1&t&&(p.\u0275\u0275elementStart(0,"div",13,14),p.\u0275\u0275template(2,_,8,7,"div",15),p.\u0275\u0275elementEnd()),2&t){const t=p.\u0275\u0275nextContext();p.\u0275\u0275classProp("creators-list--hidden",1==t.allProfiles.length),p.\u0275\u0275advance(2),p.\u0275\u0275property("ngForOf",t.allProfiles)}}const L=[{path:"",component:(()=>{class t{constructor(t,e,i,n,l,h,p){this.GeneralUtils=t,this.router=e,this.renderer=i,this.changeDetector=n,this.route=l,this.assetsStore=h,this.giftService=p,this.currentLetter="a",this.alphabet=[],this.allOffsets=[],this.allProfiles=[this.becomecreatorTile],this.fullList=[],this.fullListLength=0,this.bottom=20,this.infiniteTopSpaceHeight=0,this.topCoulor="red",this.bottomCoulor="red",this.childSize=new s.y(t=>this.setChildsSize=t),this.listLength=new s.y(t=>this.setListsLength=t),this.listWidth=new s.y(t=>this.setListsWidth=t),this.updateListHeight=(0,o.aj)(this.childSize,this.listLength,this.listWidth).map(([t,e,i])=>{const n=Math.floor(i/t.width);this.itemsPerLine=n,this.childHeight=t.height;const r=window.innerHeight;return this.bottom=(Math.ceil(r/t.height)+2)*n*2,t.height*e/n}),this.removedRows=0,this.gridHeight=0,this.childHeight=0,this.itemsPerLine=0,this.fixedBottom=0,this.requestedPage=[],this.fixedScrollAlphabet=()=>{const t=this.elementInViewport();this.currentLetter=t?t.getAttribute("name"):this.currentLetter},a.g.Holder.scrollPositionTop=!1,this.updateListHeight.subscribe(t=>{this.infiniteScroll&&(this.infiniteScrollHeight=t,this.renderer.setStyle(this.infiniteScroll.nativeElement,"minHeight",t+"px"),this.updateScrollPosition())}),this.event=this.router.events.pipe((0,c.h)(t=>t instanceof r.m2)).subscribe(t=>{const{fragment:e}

1=this.route.snapshot,i=e&&e.substr(3);this.clickLetterAction(i)})}ngOnInit(){window.scroll(0,0),this.getAllCreators(),this.giftService.clearStoredGift()}ngOnDestroy(){a.g.Holder.scrollPositionTop=!0,this.destroyed=!0,this.event.unsubscribe()}onResize(t){this.getChildsSize(),this.getGridsSize()}ngAfterViewInit(){this.getChildsSize(),this.getGridsSize(),(0,l.R)(window,"scroll").pipe((0,h.p)(300)).map(()=>{!this||(this.updateScrollPosition(),this.fixedScrollAlphabet())}).toPromise()}get viewport(){var t=window.pageYOffset;return{y:t,y2:t+window.innerHeight-1}}isVisible(t,e){var i=t.getBoundingClientRect().top-this.lettersOffset;return!(i>=e.h||i+t.offsetHeight<0)}elementInViewport(){return[...this.creatorGrid.nativeElement.children].find(t=>this.isVisible(t,this.viewport))}getChildsSize(){this.setChildsSize.next({width:this.modalContent.nativeElement.offsetWidth,height:this.modalContent.nativeElement.offsetHeight})}getGridsSize(){const t=this.creatorGrid.nativeElement.offsetWidth;this.gridHeight=this.creatorGrid.nativeElement.offsetHeight,this.setListsWidth.next(t)}get listsOffset(){return this.GeneralUtils.offsetPosition(this.infiniteScroll.nativeElement)}get lettersOffset(){return this.GeneralUtils.offsetPosition(this.creatorsAlphabet.nativeElement)+this.creatorsAlphabet.nativeElement.offsetHeight}updateScrollPosition(){if(!this.scrollIsReady)return;const t=window.innerHeight,e=window.pageYOffset,i=this.listsOffset,n=i+this.infiniteScrollHeight;this.topLimit=Math.max(i,e),this.bottomLimit=Math.min(Math.max(t+e,i),n);const r=i+this.infiniteTopSpaceHeight+this.gridHeight-this.childHeight,s=i+this.infiniteTopSpaceHeight-this.childHeight;if(!this.ListOnBottom&&this.bottomLimit>r){this.ListOnBottom=!(this.bottomLimit<n),this.bottomCoulor="green";const e=Math.ceil(t/this.childHeight)*this.childHeight,i=Math.ceil((this.bottomLimit-r)/e);this.callPage(this.infiniteTopSpaceHeight+e*i)}else this.bottomCoulor="red";if(this.infiniteTopSpaceHeight&&this.topLimit<=s){this.ListOnBottom=!(this.bottomLimit<n),this.topCoulor="green";const e=Math.ceil(t/this.childHeight)*this.childHeight,i=Math.max(1,Math.ceil((s-this.topLimit)/e)),r=Math.max(0,this.infiniteTopSpaceHeight-e*i);this.callPage(r)}else this.topCoulor="red"}updateTopSpace(t){this.infiniteTopSpaceHeight=t;const e=this.infiniteTopSpace&&this.infiniteTopSpace.nativeElement;e&&this.renderer.setStyle(e,"height",t+"px")}callPage(t){const e=t/this.childHeight*this.itemsPerLine;if(0==this.fullList.slice(e,e+this.bottom).length)return;const i=[];if(this.fullList.slice(e,e+this.bottom).map(t=>{this.isPage(t)&&-1==i.indexOf(t)&&this.requestedPage.indexOf(t)<=0&&(i.push(t),this.requestedPage.push(t))}),Promise.all(i.map(t=>this.GeneralUtils.getCreatorsListPage(t))).then(n=>{n.map((t,n)=>this.updateList(t.content,i[n],e,e+this.bottom)),this.updateTopSpace(t)}),!i.length){if(this.updateTopSpace(t),this.allProfiles=this.setAllProfiles(e,e+this.bottom),this.destroyed)return;this.changeDetector.detectChanges(),this.getGridsSize()}}setAllProfiles(t,e){return this.fullList.slice(t,e).map(t=>t&&!this.isPage(t)?t:this.becomecreatorTile)}get becomecreatorTile(){return{marketing_picture:{large:this.assetsStore.getImageUrl("files/creators_page_sep19.jpg"),medium:this.assetsStore.getImageUrl("files/creators_page_sep19.jpg")},url:this.goToProfile(null,null)}}becomeACreator(t){return t.filter((t,e)=>e>=17&&e%17==0||4===e).map((t,e)=>e&&17*e||4).map(e=>t.splice(e,0,this.becomecreatorTile)),t}findPage(t){let e=!1,i=0;return this.alphabet.find(n=>(e=n==t||e,i=this.isPage(this.letters[n])?this.letters[n]:i,e&&this.isPage(this.letters[n]))),i}getAllCreators(){this.GeneralUtils.getCreatorsListLetters().then(t=>{this.letters=t,this.alphabet=Object.keys(t);const{fragment:e}=this.route.snapshot,i=e&&e.substr(3);this.clickLetterAction(i)})}updateList(t,e,i,n,r){let s=0;t.map(t=>{this.fullList.slice(s).some((i,n)=>{if(i==e)return t.initial=t.nickname[0].toLowerCase(),t.page=i,t.url=this.goToProfile(t.profile_id,t.friendly_url),this.fullList[n+s]=t,s=n,!0})}),this.allProfiles=this.setAllProfiles(i,n),!this.destroyed&&(this.changeDetector.detectChanges(),this.getGridsSize(),r&&this.clickedLetter(r),this.scrollIsReady=!0)}scrollTo(t){this.GeneralUtils.scrollToElement(t,0,"auto")}clickLetterAction(t){let e=0;t&&(e=this.findPage(t)),this.GeneralUtils.getCreatorsListPage(e).then(i=>{0==this.fullListLength&&this.initList(i);const n=this.fullList.findIndex(t=>t==e||t.page==e),r=n>=0?n:0,s=r*this.childHeight/this.itemsPerLine;this.scrollIsReady=!1,this.updateTopSpace(s),this.updateList(i.content,e,r,r+this.bottom,t)})}initList(t){let e=Array.from(new Array(t.total_elements),(t,e)=>Math.floor(e/20));

1this.fullList=this.becomeACreator(e),this.fullListLength=this.fullList.length,this.setListsLength.next(this.fullListLength)}clickedLetter(t,e){let i=null;[t,...this.alphabet].some(e=>{if(document.getElementsByName(e).length)return i=document.getElementsByName(e)[0],t<=e}),i&&this.scrollTo(i),this.router.navigate([],{fragment:"id-"+t.toLowerCase()})}isPage(t){return""!==t&&null!==t&&!isNaN(t)}goToProfile(t,e){return e?"/creator/"+e:t?"/profile/"+t:"/creators"}}return t.\u0275fac=function(e){return new(e||t)(p.\u0275\u0275directiveInject(d.w),p.\u0275\u0275directiveInject(r.F0),p.\u0275\u0275directiveInject(p.Renderer2),p.\u0275\u0275directiveInject(p.ChangeDetectorRef),p.\u0275\u0275directiveInject(r.gz),p.\u0275\u0275directiveInject(g.WR),p.\u0275\u0275directiveInject(m.R))},t.\u0275cmp=p.\u0275\u0275defineComponent({type:t,selectors:[["creators-list"]],viewQuery:function(t,e){if(1&t&&(p.\u0275\u0275viewQuery(w,5),p.\u0275\u0275viewQuery(C,5),p.\u0275\u0275viewQuery(P,5),p.\u0275\u0275viewQuery(S,5),p.\u0275\u0275viewQuery(b,7)),2&t){let t;p.\u0275\u0275queryRefresh(t=p.\u0275\u0275loadQuery())&&(e.creatorGrid=t.first),p.\u0275\u0275queryRefresh(t=p.\u0275\u0275loadQuery())&&(e.modalContent=t.first),p.\u0275\u0275queryRefresh(t=p.\u0275\u0275loadQuery())&&(e.infiniteScroll=t.first),p.\u0275\u0275queryRefresh(t=p.\u0275\u0275loadQuery())&&(e.infiniteTopSpace=t.first),p.\u0275\u0275queryRefresh(t=p.\u0275\u0275loadQuery())&&(e.creatorsAlphabet=t.first)}},hostBindings:function(t,e){1&t&&p.\u0275\u0275listener("resize",function(t){return e.onResize(t)},!1,p.\u0275\u0275resolveWindow)},decls:16,vars:2,consts:[[1,"basket-new-wrapper","padding","content"],[1,"creators-list-wrapper"],[1,"header"],[1,"w900"],[1,"w400"],["fixed-on-scroll","",1,"creators-alphabet"],["creatorsAlphabet",""],["class","w400 letter",3,"ngClass","click",4,"ngFor","ngForOf"],["infiniteScroll",""],[1,"top-space"],["infiniteTopSpace",""],["class","creators-list grid-row","scroll-to-top","",3,"creators-list--hidden",4,"ngIf"],[1,"w400","letter",3,"ngClass","click"],["scroll-to-top","",1,"creators-list","grid-row"],["creatorGrid",""],["class","mob-item-6 tab-item-4 des-item-3 creator",3,"ngClass",4,"ngFor","ngForOf"],[1,"mob-item-6","tab-item-4","des-item-3","creator",3,"ngClass"],["creatorTile",""],[1,"profile"],[1,"creators-image",3,"routerLink"],[4,"ngIf"],[1,"lg","w700"],["imgSrcSetMod","width=270,format=auto,quality=50","media","(min-width: 1200px)",3,"imgSrcSet"],["imgSrcSetMod","width=220,format=auto,quality=50","media","(min-width: 576px)",3,"imgSrcSet"],["imgSrcSetMod","width=200,format=auto,quality=50",3,"imgSrcSet"],["imgMod","width=220,format=auto,quality=50",3,"imgSrc"]],template:function(t,e){1&t&&(p.\u0275\u0275elementStart(0,"div",0),p.\u0275\u0275elementStart(1,"div",1),p.\u0275\u0275elementStart(2,"div",2),p.\u0275\u0275elementStart(3,"h1",3),p.\u0275\u0275text(4,"OUR CREATORS"),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementStart(5,"h6",4),p.\u0275\u0275text(6,"See the people behind our fantastic designs!"),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementEnd(),p.\u0275\u0275element(7,"div"),p.\u0275\u0275elementStart(8,"div",5,6),p.\u0275\u0275template(10,M,2,4,"h6",7),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementStart(11,"div",null,8),p.\u0275\u0275element(13,"div",9,10),p.\u0275\u0275template(15,x,3,3,"div",11),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementEnd(),p.\u0275\u0275elementEnd()),2&t&&(p.\u0275\u0275advance(10),p.\u0275\u0275property("ngForOf",e.alphabet),p.\u0275\u0275advance(5),p.\u0275\u0275property("ngIf",e.allProfiles.length))},directives:[f.r,n.sg,n.O5,n.mk,u.p,r.yS,g.uI,g.t1],styles:[".top-test[_ngcontent-%COMP%]{position:absolute;width:100%;height:2px;background-color:red;z-index:100}.top-test.bottom[_ngcontent-%COMP%]{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.creators-list-wrapper[_ngcontent-%COMP%]{position:relative}.creators-list-wrapper[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{padding:0 40px;margin:0 0 26px;text-align:center}.creators-list-wrapper[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:2em;margin-bottom:5px}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet[_ngcontent-%COMP%]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;overflow-x:scroll;padding:6px;-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-transition:top .3s;transition:top .3s}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet.fixed[_ngcontent-%COMP%]{position:fixed;padding-top:50px;margin-top:-50px}@media (min-width: 769px){.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet[_ngcontent-%COMP%]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 11px}}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet[_ngcontent-%COMP%]   .letter[_ngcontent-%COMP%]{display:inline-block;cursor:pointer;padding:0 4px;margin:0 8px;text-transform:uppercase}@media (min-width: 769px){.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet[_ngcontent-%COMP%]   .letter[_ngcontent-%COMP%]{margin:0}}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-alphabet[_ngcontent-%COMP%]   .letter.selected-letter[_ngcontent-%COMP%]{border-bottom:1px solid #ff6900;color:#ff6900}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]{margin:10px 0 0;padding:0 7px}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list--hidden[_ngcontent-%COMP%]{opacity:0}

1@media (min-width: 769px){.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]{padding:0}}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   .creator.hidden-visibility[_ngcontent-%COMP%]{visibility:hidden;height:0;width:0;max-width:0;position:absolute}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   .creator[_ngcontent-%COMP%]   .profile[_ngcontent-%COMP%]{padding:5px}@media (min-width: 769px){.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   .creator[_ngcontent-%COMP%]   .profile[_ngcontent-%COMP%]{padding:15px}}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   .creator[_ngcontent-%COMP%]   .profile[_ngcontent-%COMP%]   .creators-image[_ngcontent-%COMP%]{display:block;padding-top:100%;line-height:0}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   .creator[_ngcontent-%COMP%]   .profile[_ngcontent-%COMP%]   .creators-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;margin-top:-100%;cursor:pointer}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{height:19px;position:relative;overflow:hidden}.creators-list-wrapper[_ngcontent-%COMP%]   .creators-list[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{position:absolute;z-index:-1}"]}),t})(),canActivate:[g.Qt],data:{type:"website",reloadOnSearch:!1,currency:!1,appLinks:!0,shareLocation:!1,featureFlag:"TS-223"}},{path:"not-found",component:(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275cmp=p.\u0275\u0275defineComponent({type:t,selectors:[["creators-list-not-found"]],decls:2,vars:0,consts:[[1,"content","text-center"]],template:function(t,e){1&t&&(p.\u0275\u0275elementStart(0,"div",0),p.\u0275\u0275text(1,"Sorry, we're having trouble loading our creators right now, please try again later"),p.\u0275\u0275elementEnd())},styles:["div[_ngcontent-%COMP%]{font-size:18px;padding:40px 0}"]}),t})()}];let k=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=p.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=p.\u0275\u0275defineInjector({imports:[[r.Bz.forChild(L),g.VV.forRoot(["creators","list","not-found"])],r.Bz]}),t})();var H=i(16151),T=i(33933);let E=(()=>{class t{}return t.\u0275fac=function(e){return new(e||t)},t.\u0275mod=p.\u0275\u0275defineNgModule({type:t}),t.\u0275inj=p.\u0275\u0275defineInjector({providers:[d.w],imports:[[n.ez,H.r,k,T.l]]}),t})()},95955:function(t,e,i){i.d(e,{p:function(){return r}});var n=i(62415);let r=(()=>{class t{constructor(t){this.elementRef=t}ngOnInit(){window.scroll(0,0)}}return t.\u0275fac=function(e){return new(e||t)(n.\u0275\u0275directiveInject(n.ElementRef))},t.\u0275dir=n.\u0275\u0275defineDirective({type:t,selectors:[["","scroll-to-top",""]]}),t})()}}]);