-
Notifications
You must be signed in to change notification settings - Fork 0
/
chunk-MOGUNLLZ.js
1 lines (1 loc) · 17 KB
/
chunk-MOGUNLLZ.js
1
import"./chunk-56DLFJKJ.js";import{a as P}from"./chunk-O43BNP52.js";import{b as z}from"./chunk-PISGDUOU.js";import{a as oe}from"./chunk-LSU3AK4N.js";import"./chunk-WXI33M2S.js";import{$a as ne,Aa as K,B as d,Ba as W,C as U,D as J,G as Y,Ga as p,H as w,Ha as X,I as _,Ia as ee,Ma as te,N as $,Na as m,O as k,Oa as ie,P as R,Pa as I,U as b,X as l,Y as S,_a as M,aa as H,ca as Q,da as N,eb as D,fa as g,fb as v,gb as re,ib as f,jb as V,ka as c,ma as Z,oa as B,ra as s,sa as a,ta as u,tb as T,u as L,ub as j,w as q,wa as F,ya as C,z as x,za as h}from"./chunk-4ABEXS3U.js";var se=[{name:"Shirt",image:"snitch-store009.jpg"},{name:"T-Shirt",image:"snitch-store010.jpg"},{name:"Jeans",image:"snitch-store011.jpg"},{name:"Pants",image:"snitch-store012.jpg"},{name:"Shorts",image:"snitch-store013.jpg"},{name:"Coords",image:"snitch-store014.jpg"},{name:"Jacket",image:"snitch-store015.jpg"},{name:"Inner",image:"snitch-store016.jpg"},{name:"Shoes",image:"snitch-store017.webp"},{name:"Perfume",image:"snitch-store018.jpg"},{name:"Sunglasses",image:"snitch-store019.jpg"},{name:"Accessories",image:"snitch-store020.webp"}],ae=["/assets/sliders/2.png","/assets/sliders/3.png","/assets/sliders/1.png","/assets/sliders/2.png","/assets/sliders/3.png","/assets/sliders/1.png","/assets/sliders/2.png","/assets/sliders/3.png","/assets/sliders/1.png"],ce=["Perfume","Shoes","Sunglasses","Accessories"],le=["Shirts","T-shirt","Jeans","Trousers"],de=[{image:"/assets/Seasonal-Fav/snitch-store053.jpg",name:"essentials"},{image:"/assets/Seasonal-Fav/snitch-store054.jpg",name:"oversized"},{image:"/assets/Seasonal-Fav/snitch-store055.jpg",name:"chinos"},{image:"/assets/Seasonal-Fav/snitch-store056.jpg",name:"casual"}],pe=["/assets/follow-us/1.jpg","/assets/follow-us/2.jpg","/assets/follow-us/3.jpg","/assets/follow-us/4.jpg","/assets/follow-us/5.jpg","/assets/follow-us/6.jpg","/assets/follow-us/7.jpg","/assets/follow-us/8.jpg"];function _e(e,t){if(e&1){let r=F();s(0,"img",3),C("click",function(){let n=w(r).$implicit,o=h();return _(o.handleClick(n.name))}),a()}if(e&2){let r=t.$implicit,i=t.index;c("src","/assets/category/"+r.image,b)("alt","Category"+i)("title",r.name)}}var ue=(()=>{let t=class t{constructor(i){this.router=i,this.categoryImages=se}handleClick(i){this.router.navigate(["/products"],{queryParams:{search:i}})}};t.\u0275fac=function(n){return new(n||t)(S(T))},t.\u0275cmp=d({type:t,selectors:[["app-category"]],standalone:!0,features:[m],decls:3,vars:1,consts:[["id","category",1,"flex","justify-center","items-center","w-full","category-container"],[1,"flex","justify-self-start","items-center","gap-2","p-2","pb-2","overflow-x-auto"],["class","cursor-pointer","style","width: 100px;",3,"src","alt","title","click",4,"ngFor","ngForOf"],[1,"cursor-pointer",2,"width","100px",3,"click","src","alt","title"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"div",1),g(2,_e,1,3,"img",2),a()()),n&2&&(l(2),c("ngForOf",o.categoryImages))},dependencies:[f,v]});let e=t;return e})();var ke=["*"],G=(()=>{class e{config;afterChange=new k;beforeChange=new k;breakpoint=new k;destroy=new k;init=new k;$instance;currentIndex=0;slides=[];initialized=!1;_removedSlides=[];_addedSlides=[];el=x($);zone=x(Q);isServer=V(x(R));ngOnDestroy(){this.unslick()}ngAfterViewInit(){this.ngAfterViewChecked()}ngAfterViewChecked(){if(!this.isServer&&(this._addedSlides.length>0||this._removedSlides.length>0)){let r=this.slides.length-this._removedSlides.length+this._addedSlides.length;this.initialized?r===0?this.unslick():(this._addedSlides.forEach(i=>{this.slides.push(i),this.zone.runOutsideAngular(()=>{this.$instance.slick("slickAdd",i.el.nativeElement)})}),this._addedSlides=[],this._removedSlides.forEach(i=>{let n=this.slides.indexOf(i);this.slides=this.slides.filter(o=>o!==i),this.zone.runOutsideAngular(()=>{this.$instance.slick("slickRemove",n)})}),this._removedSlides=[]):r>0&&this.initSlick()}}initSlick(){this.slides=this._addedSlides,this._addedSlides=[],this._removedSlides=[],this.zone.runOutsideAngular(()=>{this.$instance=jQuery(this.el.nativeElement),this.$instance.on("init",(r,i)=>{this.zone.run(()=>{this.init.emit({event:r,slick:i})})}),this.$instance.slick(this.config),this.zone.run(()=>{this.initialized=!0,this.currentIndex=this.config?.initialSlide||0}),this.$instance.on("afterChange",(r,i,n)=>{this.zone.run(()=>{this.afterChange.emit({event:r,slick:i,currentSlide:n,first:n===0,last:i.$slides.length===n+i.options.slidesToScroll}),this.currentIndex=n})}),this.$instance.on("beforeChange",(r,i,n,o)=>{this.zone.run(()=>{this.beforeChange.emit({event:r,slick:i,currentSlide:n,nextSlide:o}),this.currentIndex=o})}),this.$instance.on("breakpoint",(r,i,n)=>{this.zone.run(()=>{this.breakpoint.emit({event:r,slick:i,breakpoint:n})})}),this.$instance.on("destroy",(r,i)=>{this.zone.run(()=>{this.destroy.emit({event:r,slick:i}),this.initialized=!1})})})}addSlide(r){this._addedSlides.push(r)}removeSlide(r){this._removedSlides.push(r)}slickGoTo(r){this.zone.runOutsideAngular(()=>{this.$instance.slick("slickGoTo",r)})}slickNext(){this.zone.runOutsideAngular(()=>{this.$instance.slick("slickNext")})}slickPrev(){this.zone.runOutsideAngular(()=>{this.$instance.slick("slickPrev")})}slickPause(){this.zone.runOutsideAngular(()=>{this.$instance.slick("slickPause")})}slickPlay(){this.zone.runOutsideAngular(()=>{this.$instance.slick("slickPlay")})}unslick(){this.$instance&&(this.zone.runOutsideAngular(()=>{this.$instance.slick("unslick")}),this.$instance=void 0),this.initialized=!1}ngOnChanges(r){if(this.initialized){let i=r.config;if(i.previousValue!==i.currentValue&&i.currentValue!==void 0){let n=i.currentValue.refresh,o=Object.assign({},i.currentValue);delete o.refresh,this.zone.runOutsideAngular(()=>{this.$instance.slick("slickSetOption",o,n)})}}}static \u0275fac=function(i){return new(i||e)};static \u0275cmp=d({type:e,selectors:[["ngx-slick-carousel"]],inputs:{config:"config"},outputs:{afterChange:"afterChange",beforeChange:"beforeChange",breakpoint:"breakpoint",destroy:"destroy",init:"init"},exportAs:["slick-carousel"],features:[te([{provide:oe,useExisting:L(()=>e),multi:!0}]),Y],ngContentSelectors:ke,decls:1,vars:0,template:function(i,n){i&1&&(K(),W(0))},encapsulation:2})}return e})(),fe=(()=>{class e{carousel=x(G,{host:!0});renderer=x(H);el=x($);isServer=V(x(R));ngOnInit(){this.carousel.addSlide(this),this.isServer&&this.carousel.slides.length>0&&this.renderer.setStyle(this.el,"display","none")}ngOnDestroy(){this.carousel.removeSlide(this)}static \u0275fac=function(i){return new(i||e)};static \u0275dir=J({type:e,selectors:[["","ngxSlickItem",""]]})}return e})(),ge=(()=>{class e{static \u0275fac=function(i){return new(i||e)};static \u0275mod=U({type:e});static \u0275inj=q({imports:[f]})}return e})();function Te(e,t){if(e&1){let r=F();s(0,"div",3),C("click",function(){w(r);let n=h();return _(n.handleClick())}),u(1,"img",4),a()}if(e&2){let r=t.$implicit,i=t.index;l(),c("src",r,b)("alt","Slide "+i)}}var he=(()=>{let t=class t{constructor(i){this.router=i,this.images=ae,this.slideConfig={dots:!1,infinite:!0,slidesToShow:1,slidesToScroll:1,autoplay:!0,autoplaySpeed:1e3,speed:1e3}}handleClick(){this.router.navigate(["/products"])}};t.\u0275fac=function(n){return new(n||t)(S(T))},t.\u0275cmp=d({type:t,selectors:[["app-slider"]],standalone:!0,features:[m],decls:3,vars:2,consts:[["id","slider",1,"m-0","p-0","md:h-[500px]","cursor-pointer","overflow-hidden"],[1,"carousel",3,"config"],["ngxSlickItem","","class","slide",3,"click",4,"ngFor","ngForOf"],["ngxSlickItem","",1,"slide",3,"click"],[1,"w-full",3,"src","alt"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"ngx-slick-carousel",1),g(2,Te,2,2,"div",2),a()()),n&2&&(l(),c("config",o.slideConfig),l(),c("ngForOf",o.images))},dependencies:[ge,G,fe,f,v]});let e=t;return e})();function Oe(e,t){e&1&&(s(0,"span",3),p(1," Free Shipping "),a())}var ve=(()=>{let t=class t{constructor(){this.spanArray=Array.from(Array(100).keys())}};t.\u0275fac=function(n){return new(n||t)},t.\u0275cmp=d({type:t,selectors:[["app-morque-slider"]],standalone:!0,features:[m],decls:3,vars:1,consts:[[1,"border-b-[1px]","marquee-container"],[1,"p-1","font-primaryFont","text-primary","marquee"],["class","mr-[20px] Dbxihgns",4,"ngFor","ngForOf"],[1,"mr-[20px]","Dbxihgns"]],template:function(n,o){n&1&&(s(0,"div",0)(1,"div",1),g(2,Oe,2,0,"span",2),a()()),n&2&&(l(2),c("ngForOf",o.spanArray))},dependencies:[f,v],styles:[".marquee-container[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap}.marquee[_ngcontent-%COMP%]{display:inline-block;animation:_ngcontent-%COMP%_marquee 100s linear infinite}@keyframes _ngcontent-%COMP%_marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}"]});let e=t;return e})();function Me(e,t){if(e&1&&u(0,"app-product-slider",5),e&2){let r=h();c("products",r.newArrivals())}}function Ae(e,t){if(e&1&&u(0,"app-product-slider",5),e&2){let r=h();c("products",r.trending())}}function Ie(e,t){if(e&1&&u(0,"app-product-slider",5),e&2){let r=h();c("products",r.trending())}}var Ce=(()=>{let t=class t{constructor(i){this.productService=i,this.products=this.productService.products$,this.newArrivals=M(()=>this.products().filter(n=>n.tags.includes("newArrival"))),this.trending=M(()=>this.products().filter(n=>n.tags.includes("trending"))),this.activeTab="new",ne(()=>{let n=this.products()})}handleTabClick(i){this.activeTab=i}};t.\u0275fac=function(n){return new(n||t)(S(z))},t.\u0275cmp=d({type:t,selectors:[["app-filter-section"]],standalone:!0,features:[m],decls:14,vars:6,consts:[["id","filter-products",1,"mt-4","w-full"],[1,"flex","justify-center","items-center","gap-2","capitalize","tabs-container"],[1,"px-4","p-1","border","font-secondaryFont","font-semibold","text-md","text-primary","tracking-[1px]","transition-border","duration-500","filter-btn",3,"click"],[1,"px-4","p-1","border","font-secondaryFont","font-semibold","text-md","text-primary","tracking-[1px]","transition-border","duration-500","filter-btn",3,"click","ngClass"],[1,"overflow-hidden","container","products-container"],["howManyProductShowCss","w-1/2 md:w-1/4",3,"products"],[1,"p-2","view-all-btn","w-full","text-center"],["routerLink","/products"],[1,"hover:shadow-lg","px-4","p-1","border","hover:border-black","font-secondaryFont","text-md","text-primary","tracking-[2px]","transition-border","duration-300"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"div",1)(2,"button",2),C("click",function(){return o.handleTabClick("new")}),p(3," New Drops "),a(),s(4,"button",3),C("click",function(){return o.handleTabClick("trending")}),p(5," Most Trending "),a()(),s(6,"div",4),g(7,Me,1,1,"app-product-slider",5)(8,Ae,1,1)(9,Ie,1,1),a(),s(10,"div",6)(11,"a",7)(12,"button",8),p(13,"View All"),a()()()()),n&2&&(l(2),Z("shadow-lg",o.activeTab==="new")("border-black",o.activeTab==="new"),l(2),c("ngClass",o.activeTab==="trending"?"shadow-lg border-black ":""),l(3),B(7,o.activeTab==="new"?7:o.activeTab==="trending"?8:9))},dependencies:[f,D,P,j]});let e=t;return e})();var De=e=>({"shadow-lg border-black":e});function je(e,t){if(e&1){let r=F();s(0,"button",7),C("click",function(){let n=w(r).$implicit,o=h();return _(o.handleTabClick(n))}),p(1),a()}if(e&2){let r=t.$implicit,i=h();c("ngClass",I(2,De,i.category()===r)),l(),ee(" ",r," ")}}function Pe(e,t){if(e&1&&u(0,"app-product-slider",8),e&2){let r=h();c("products",r.filterProduct())("howManyProductShowCss","w-1/3 lg:w-1/4")}}var Se=(()=>{let t=class t{constructor(i,n){this.productService=i,this.router=n,this.products=this.productService.products$,this.filterProduct=N([]),this.category=N("Perfume"),this.filterProduct=M(()=>{let o=this.products(),E=this.category().toLowerCase().trim();return E?o.filter(we=>JSON.stringify(we).toLowerCase().includes(E)):o})}handleTabClick(i){this.category.set(i)}navigateToProducts(){this.router.navigate(["/products"])}};t.\u0275fac=function(n){return new(n||t)(S(z),S(T))},t.\u0275cmp=d({type:t,selectors:[["app-filter-tabs"]],inputs:{categories:"categories"},standalone:!0,features:[m],decls:8,vars:2,consts:[["id","filter-products",1,"mt-4","md:mt-8"],[1,"flex","flex-wrap","justify-center","items-center","gap-2","capitalize","tabs-container"],["class","px-4 p-1 border font-secondaryFont font-semibold text-md text-primary tracking-[1px] transition-border duration-500 filter-btn",3,"ngClass","click",4,"ngFor","ngForOf"],[1,"container","products-container"],[3,"products","howManyProductShowCss",4,"ngIf"],[1,"p-2","view-all-btn","w-full","text-center"],[1,"hover:shadow-lg","px-4","p-1","border","hover:border-black","font-secondaryFont","text-md","text-primary","tracking-[2px]","transition-border","duration-300",3,"click"],[1,"px-4","p-1","border","font-secondaryFont","font-semibold","text-md","text-primary","tracking-[1px]","transition-border","duration-500","filter-btn",3,"click","ngClass"],[3,"products","howManyProductShowCss"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"div",1),g(2,je,2,4,"button",2),a(),s(3,"div",3),g(4,Pe,1,2,"app-product-slider",4),a(),s(5,"div",5)(6,"button",6),C("click",function(){return o.navigateToProducts()}),p(7," View All "),a()()()),n&2&&(l(2),c("ngForOf",o.categories),l(2),c("ngIf",o.filterProduct().length>0))},dependencies:[f,D,v,re,P]});let e=t;return e})();var ze=()=>["/products"],$e=e=>({search:e});function Re(e,t){if(e&1&&(s(0,"div",6)(1,"a",7),u(2,"img",8),s(3,"span",9),p(4),a()()()),e&2){let r=t.$implicit;l(),c("routerLink",ie(4,ze))("queryParams",I(5,$e,r.name)),l(),c("src",r.image,b),l(2),X(r.name)}}var ye=(()=>{let t=class t{constructor(){this.products=de}};t.\u0275fac=function(n){return new(n||t)},t.\u0275cmp=d({type:t,selectors:[["app-season-fav"]],standalone:!0,features:[m],decls:7,vars:1,consts:[["id","season-fav"],[1,"p-3","md:p-0","container"],[1,"p-4","w-full","text-center","heading"],[1,"font-primaryFont","text-3xl","uppercase"],[1,"flex","flex-wrap","justify-start","items-center","card-container"],["class","relative flex-wrap flex-shrink-0 p-2 w-1/2 md:w-1/4 cursor-pointer overflow-hidden card",4,"ngFor","ngForOf"],[1,"relative","flex-wrap","flex-shrink-0","p-2","w-1/2","md:w-1/4","cursor-pointer","overflow-hidden","card"],[3,"routerLink","queryParams"],["alt","",1,"brightness-normal","hover:brightness-75","transform","transition-transform","duration-500","scale-100","hover:scale-110",3,"src"],[1,"bottom-2","left-2","absolute","bg-black/50","p-2","font-bold","font-secondaryFont","text-white"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"div",1)(2,"div",2)(3,"h1",3),p(4,"Seasonal Fav's\u{1F324}\uFE0F"),a()(),s(5,"div",4),g(6,Re,5,7,"div",5),a()()()),n&2&&(l(6),c("ngForOf",o.products))},dependencies:[j,f,v]});let e=t;return e})();function Ne(e,t){if(e&1&&(s(0,"div",5),u(1,"img",6),s(2,"div",7),u(3,"i",8),a()()),e&2){let r=t.$implicit,i=t.index;l(),c("src",r,b)("alt","instagramPost"+(i+1))}}var xe=(()=>{let t=class t{constructor(){this.instagramImages=pe}};t.\u0275fac=function(n){return new(n||t)},t.\u0275cmp=d({type:t,selectors:[["app-follow-us"]],standalone:!0,features:[m],decls:6,vars:1,consts:[["id","follow-us"],[1,"relative","p-4","text-center","heading"],[1,"font-primaryFont","text-2xl"],[1,"justify-center","grid","grid-cols-4","md:grid-cols-8","instagram-gallary-container","cursor-pointer"],["class","relative w-full card group",4,"ngFor","ngForOf"],[1,"relative","w-full","card","group"],[1,"brightness-100","hover:brightness-50","transition-all","duration-300",3,"src","alt"],[1,"group-hover:block","top-1/2","left-1/2","absolute","hidden","transform","transition-all","-translate-x-1/2","-translate-y-1/2","duration-500"],[1,"text-2xl","text-white","fa-brands","fa-instagram"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"div",1)(2,"h5",2),p(3,"Follow us on Instagram"),a()(),s(4,"div",3),g(5,Ne,4,2,"div",4),a()()),n&2&&(l(5),c("ngForOf",o.instagramImages))},dependencies:[f,v]});let e=t;return e})();var be=(()=>{let t=class t{};t.\u0275fac=function(n){return new(n||t)},t.\u0275cmp=d({type:t,selectors:[["app-subscribe"]],standalone:!0,features:[m],decls:11,vars:0,consts:[["id","subscribe"],[1,"relative","bg-gray-100","py-8","p-4"],[1,"mb-4","text-center","heading"],[1,"font-secondaryFont","text-4xl","capitalize"],[1,"font-primaryFont"],[1,"border-[1px]","container","input-btn-container"],["type","text","placeholder","Enter email here",1,"focus:shadow-none","p-2","border-none","focus:outline-none","rounded-none","w-[70%]"],[1,"bg-black","hover:bg-gray-300","px-3","p-2","border-none","w-[30%]","font-primaryFont","font-semibold","text-white","hover:text-black"]],template:function(n,o){n&1&&(s(0,"section",0)(1,"div",1)(2,"div",2)(3,"h3",3),p(4," Subscribe & get 10% Off "),a(),s(5,"span",4),p(6,"On Your First Order"),a()(),s(7,"div",5),u(8,"input",6),s(9,"button",7),p(10," Subscribe "),a()()()())}});let e=t;return e})();var Et=(()=>{let t=class t{constructor(){this.accessoriesCategories=ce,this.clothsCategories=le}};t.\u0275fac=function(n){return new(n||t)},t.\u0275cmp=d({type:t,selectors:[["app-home"]],standalone:!0,features:[m],decls:9,vars:2,consts:[[3,"categories"]],template:function(n,o){n&1&&u(0,"app-category")(1,"app-slider")(2,"app-morque-slider")(3,"app-filter-section")(4,"app-filter-tabs",0)(5,"app-season-fav")(6,"app-filter-tabs",0)(7,"app-follow-us")(8,"app-subscribe"),n&2&&(l(4),c("categories",o.accessoriesCategories),l(2),c("categories",o.clothsCategories))},dependencies:[ue,he,ve,Ce,Se,ye,xe,be]});let e=t;return e})();export{Et as HomeComponent};