1import{Et as e,It as t,Kn as n,Pn as r,Rn as i,Tt as a,Vn as o,a as s,cn as c,dn as l,en as u,fr as d,ln as f,mn as p,pn as m,qn as h,rn as g,t as _,un as v,ur as y}from"./gcDMUWZc.js";import{t as b}from"./BDNMzG2s.js";var x={name:`mockupsHero`,props:{type:String,hideCrumbs:Boolean},data:function(){return{store:_(),url:``,priority:!0,hero:{new:{title:`Explore all mockups`,desc:`Explore our full range of high-quality mockups, perfect for showcasing digital designs with style. From phones to laptops and more, find the right mockup to enhance your work.`},all:{title:`Explore all mockups`,desc:`Every mockup we've made, in one place. Device mockups, branding mockups, apparel mockups, packaging mockups, print and outdoor scenes built for designers and agencies who care about presentation. A curated collection with a selective eye and art directed compositions across every category. Browse by type and find the right scene for your next project. Available in Figma and PSD.`},iphones:{title:`Free iPhone mockups`,desc:`iPhone mockups for presenting mobile apps, websites, and UI designs on a realistic phone screen. Explore iPhone in hand mockups, minimal iPhone mockups, floating compositions, and editorial scenes featuring the latest models. Each scene is crafted to let your screen content do the talking. Perfect for app showcases, social media visuals, and client presentations. Available in Figma and PSD.`},macbooks:{title:`Free MacBook mockups`,desc:`MacBook mockups for presenting websites, landing pages, and desktop interfaces in realistic scenes. Explore MacBook Pro mockups and MacBook Air mockups in studio, workspace, and interior compositions with natural lighting and thoughtful textures. A polished way to showcase web design projects, SaaS dashboards, and client work with a modern, premium feel. Available in Figma and PSD.`},tablets:{title:`Free iPad mockups`,desc:`iPad mockups for presenting app designs, tablet interfaces, and responsive layouts on a realistic screen. Explore iPad Pro mockups and iPad Air mockups in landscape and portrait compositions, from minimal studio scenes to iPad in hand setups. A clean way to showcase educational apps, digital publications, and product landing pages. Available in Figma and PSD with editable screens.`},desktops:{title:`Free desktop mockups`,desc:`Desktop mockups for presenting websites, dashboards, and web applications on a large display. Explore iMac mockups, Apple Studio Display mockups, and standalone monitor setups in modern studio environments with clean compositions and realistic lighting. The ideal canvas for full scale website showcases, SaaS product marketing, and landing page hero visuals. Available in Figma and PSD.`},prints:{title:`Free print mockups`,desc:`Print mockups for presenting stationery, editorial layouts, and paper based designs in realistic settings. This collection covers business cards, A4 sheets, books, and magazines in clean, art directed compositions with natural lighting. A refined way to showcase branding projects, editorial design work, and print collateral for client presentations. Formats vary by product. Each product page lists the included files.`},billboards:{title:`Free billboard mockups`,desc:`Billboard mockups for presenting outdoor advertising, signage, and large format designs in real world environments. Explore street billboard mockups, vertical billboard mockups, horizontal displays, and digital screen compositions in urban settings. A bold way to showcase advertising campaigns, brand launches, and out of home visuals with real scale and impact. Available in Figma and PSD.`},watches:{title:`Apple watch mockups`,desc:`Apple Watch mockups for presenting wearable app designs, custom watch faces, and smartwatch interfaces on a realistic screen. Explore on wrist watch mockups and standalone compositions on clean backgrounds with different band styles and finishes. A polished way to showcase fitness apps, health interfaces, and wearable UI projects for portfolios and product pages. Available in Figma and PSD.`},all_freebies:{title:`Free high quality mockups`,desc:`Download free iPhone mockups, MacBo
1ok mockups, iPad mockups, branding mockups, and packaging mockups in Figma and PSD. Art directed scenes for portfolios, case studies and design presentations. Every scene is the same premium quality as the full Wannathis mockup library. Browse free device mockups, business card mockups, billboard mockups and more across the collection.`},iphones_freebies:{title:`Free iPhone mockups`,desc:`Showcase your apps and UI designs with free iPhone mockups in high resolution. Explore realistic iPhone mockup scenes crafted for designers using Figma and Photoshop.`},macbooks_freebies:{title:`Free MacBook mockups`,desc:`Present websites, dashboards, and desktop interfaces with free MacBook mockups in high resolution. Discover clean workspace scenes built for Figma and Photoshop.`},billboards_freebies:{title:`Free billboard mockups`,desc:`Download billboard mockups in high resolution to showcase outdoor advertising, poster designs, and large format campaigns with realistic street and urban scenes.`},cards_freebies:{title:`Free business card mockups`,desc:`Showcase your branding with free business card mockups in high resolution. Explore realistic business card mockup scenes for identity design and print presentations.`},desktops_freebies:{title:`Free Studio Display mockups`,desc:`Present websites, dashboards, and creative layouts with free Studio Display mockups in high resolution. Explore realistic desktop screen mockup scenes for Figma and Photoshop.`},free:{title:`All free assets`,desc:`Explore our full library of free design resources. From device and branding mockups to 3D illustrations. Grab what you need in Figma and PSD, no strings attached.`},devices:{title:`Free device mockups`,desc:`Device mockups for showcasing apps, websites, and digital products on realistic screens. This collection covers phones, laptops, tablets, watches, and desktop displays in art directed scenes with modern compositions and natural lighting. A versatile starting point for UI presentations, product marketing, and client work across any screen size. Available in Figma and PSD with editable screen areas.`},online:{title:`Edit mockups online`,desc:`Edit mockups online and present apps, websites and brand designs without opening any software. Explore iPhone, MacBook, iPad, and desktop scenes, plus billboard, business card, and street sign mockups, all editable in your browser. Upload your design and it is fitted to the screen or surface in seconds. Perfect for client previews, social media visuals, and portfolio shots. Download the finished image in high resolution.`},cards:{title:`Free business card mockups`,desc:`Business card mockups for presenting branding and stationery designs in realistic, art directed scenes. Explore compositions with single cards, stacked layouts, and business cards on textured surfaces with natural lighting and subtle shadows. A clean way to showcase logo design, brand identity projects, and corporate stationery with a premium, tactile feel. Available in Figma and PSD.`},brandings:{title:`Free branding mockups`,desc:`Branding mockups for presenting visual identities across print, packaging, apparel, and outdoor placements. Art directed scenes designed to show how a brand system works in the real world, from stationery to signage. A curated selection for designers and agencies building brand presentations, pitch decks, and identity guidelines. Formats vary by product. Each product page lists the included files.`},apparels:{title:`Free apparel mockups`,desc:`Apparel mockups for presenting clothing designs, brand merchandise, and fashion collections on realistic garments. This collection covers t-shirts, sweatshirts, and other wearable items in on model, flat lay, and lifestyle compositions with art directed scenes. A versatile way to showcase clothing lines, merch collections, and print on demand visuals. Formats vary by product. Each product page lists the included files.`},shirts:{title:`Free t-shirt mockups`,desc:`T-shirt mockups for presenting apparel designs, brand merchandise, and graphic prints on realistic garments. Explore t-shirt mockups on models, folded t-shirt compositions, and flat lay setups in art directed scenes with natural textures. A polished way to showcase clothing lines, merch drops, and print on demand designs before production. Available in PSD. Formats may vary by product.`},a4s:{title:`Free A4 mockups`,desc:`A4 mockups for presenting letterheads, documents, and paper based editorial designs on realistic surfaces. Explore A4 paper mockups in flat lay compositions, stacked layouts, and angled setups with
1natural shadows and clean backgrounds. A simple, refined way to showcase stationery design, print collateral, and editorial projects for branding presentations and client work. Available in Figma and PSD.`},books:{title:`Book mockups`,desc:`Book mockups for presenting cover designs, editorial layouts, and publishing projects in realistic settings. Explore hardcover book mockups, open book compositions, and stacked book scenes with natural lighting and art directed surfaces. A refined way to showcase book cover designs, self publishing projects, and editorial portfolios for authors, publishers, and design studios. Available in PSD.`},magazines:{title:`Free magazine mockups`,desc:`Magazine mockups for presenting editorial layouts, cover designs, and publication spreads in realistic scenes. Explore open magazine mockups, stacked compositions, and magazine cover setups with natural lighting and clean surfaces. A polished way to showcase editorial design projects, print campaigns, and publication branding for clients, studios, and creative portfolios. Available in PSD.`},totes:{title:`Free tote bag mockups`,desc:`Tote bag mockups for presenting brand merchandise, event giveaways, and retail packaging designs on realistic fabric. Explore tote bag mockups on shoulders, hanging compositions, and flat lay setups in art directed scenes with natural textures and clean backgrounds. A stylish way to showcase brand identity, promotional merchandise, and eco friendly packaging concepts. Available in PSD.`},boxes:{title:`Free box mockups`,desc:`Box mockups for presenting packaging designs and product boxes in realistic, art directed scenes. Explore stacked box mockups, angled box compositions, and single box setups with clean backgrounds, natural shadows, and detailed packaging surfaces. A clean way to showcase retail branding, packaging concepts, and product launch visuals for client presentations and marketing materials. Available in PSD.`},caps:{title:`Free cap & hat mockups`,desc:`Caps and hats mockups for presenting embroidered logos, brand merchandise, and headwear designs on realistic garments. Explore cap mockups from front, side, and angled views in clean, art directed compositions with natural lighting and subtle details. A sharp way to showcase sports branding, merchandise lines, and promotional headwear for any project. Available in PSD.`},cups:{title:`Free cup mockups`,desc:`Cup mockups for presenting café branding, packaging designs, and logo artwork on paper cups. Explore paper coffee cup mockups, takeaway cup mockups, iced coffee cups, and branded cup scenes in studio and lifestyle compositions. Each mockup is crafted to highlight your label, sleeve, and branding. Perfect for coffee shop identity, drink packaging, and product presentations. Available in PSD.`},cans:{title:`Free can mockups`,desc:`Can mockups for presenting drink branding, label artwork, and packaging designs on aluminum cans. Explore soda can mockups, beer can mockups, slim can mockups, and tall can mockups in lifestyle, in hand, and pool scenes. Each mockup is built to showcase your label in studio and outdoor light. Perfect for drink brand launches, label design presentations, and packaging portfolios. Available in PSD.`},stickers:{title:`Free sticker mockups`,desc:`Sticker mockups for presenting logos, brand marks, and illustration artwork on stickers placed across phones, laptops, tote bags, and packaging. Explore die cut sticker mockups, sticker sheet mockups, laptop sticker mockups, and circle and round sticker scenes held in hand and applied to surfaces. Each scene keeps your design front and center. Perfect for brand identity, sticker pack launches, and packaging design. Available in PSD and Figma.`},folders:{title:`Free folder mockups`,desc:`Folder mockups for presenting brand identity, cover designs, and client work on presentation folders and pocket folders. Explore presentation folder mockups, pocket folder mockups, ring binder mockups, and file folder scenes standing on desks, held in hand, and open on surfaces. Each scene keeps your cover artwork front and center. Perfect for brand identity decks, studio case studies, and client proposals. Available in PSD and Figma.`},stores:{title:`Free storefront mockups`,desc:`Storefront mockups for presenting signage, logos, and shop branding on windows and building facades. Explore store window scenes, window display compositions, facade views, and street settings with benches, curtains, and plants filling out each frame. Each mockup shows your artwork on the storefront as it reads from the street. Perfect for retail branding, shop identity projects, and client presentations. Available in PSD and Figma.`},ids:{title:`Free ID card mockups`,desc:`ID card mockups for presenting employee credentials, event passes, and name tags on blank cards. Explore hanging pass scenes, badge holders, cards clipped to suitcases and jackets, and handheld compositions in studio and street settings. Each mockup keeps the card design readable at actual size. Perfect for corporate identity, event branding, and conference pass presentations. Available in PSD and Figma.`},cosmetics:{title:`Free cosmetic mockups`,desc:`Cosmetic mockups for presenting beauty branding, label artwork, and packaging designs in styled scenes. Pump bottles, cream jars, and squeeze tubes appear in hands, on bare skin, and in flat lays with brushes and pressed flowers. Bright light keeps the focus on your artwork. Each scene is built in Photoshop with smart layers for label replacement. Download a free cosmetic mockup and test the set on your next beauty project.`},vinyls:{title:`Vinyl mockups`,desc:`Vinyl mockups for presenting album artwork, sleeve layouts, and label design in seventies living room scenes. Explore vinyl record mockups, record sleeve mockups, centre label close ups, turntable scenes and rack compositions. Each scene is built so the sleeve and the disc read as one release. Perfect for music branding, artist portfolios and label release pages. Available in Figma and PSD.`},hoodies:{title:`Free hoodie mockups`,desc:`Free hoodie mockups for presenting streetwear designs, clothing brands, and merchandise collections in art directed settings. Explore white hoodie mockups, black hoodie mockups, and neon lit compositions with dramatic lighting and minimal surfaces. A clean way to showcase hoodie designs, apparel branding, and print on demand projects for fashion labels, merch stores, and design portfolios. Available in PSD.`},logos:{title:`Free logo mockups`,desc:`Free logo mockups for presenting brand marks, wordmarks, and logo designs in art directed settings. Explore wall logo mockups, 3d logo mockups, transparent glass cards, and building front compositions. Each scene keeps the focus on your mark with clean surfaces and simple lighting. Perfect for logo presentations, client pitches, and brand identity case studies. Available in Figma and PSD.`},stationeries:{title:`Free stationery mockups`,desc:`Free stationery mockups for presenting brand identity systems, corporate paper goods, and office essentials in art directed settings. Explore business stationery mockups, paper sheet scenes, card compositions, and presentation covers shot in studio and desk setups. Each scene is built to show identity work in context. Perfect for identity reveals, client presentations, and design portfolios. Available in Figma and PSD.`},packagings:{title:`Free packaging mockups`,desc:`Free packaging mockups for presenting product packaging, food and drink brands, and packaging design work in art directed settings. Explore coffee packaging mockups, pouches, tubes, jars, and carton compositions shot in studio and lifestyle scenes. Each scene is built to show packaging design in use. Perfect for product launches, brand presentations, and packaging design portfolios. Available in PSD.`},animated:{title:`Animated mockups`,desc:`Animated mockups for presenting mobile apps, websites, and UI designs with looping video on phones, laptops, and desktop displays. Explore animated iPhone mockups, MacBo
1ok mockups, iPad mockups, and desktop displays with smooth transitions and rotating angles. Each mockup is delivered as an MP4 video file ready for presentations. Perfect for app showcases, motion portfolios, pitch decks and social media content.`},signs:{title:`Free sign mockups`,desc:`Sign mockups for presenting logos, retail branding, and shop identity designs in storefront and street settings. Explore wall sign mockups, A-frame sidewalk signs, hanging shop signs, and building facade scenes in outdoor and indoor compositions. Each mockup is built to showcase your sign artwork in context. Perfect for restaurant branding, store identity projects and retail design work. Available in PSD and Figma.`},posters:{title:`Free poster mockups`,desc:`Sign mockups for presenting logos, retail branding, and signage designs in realistic storefront and street settings. Explore wall sign mockups, A-frame sidewalk signs, hanging shop signs, and building facade signage in outdoor and indoor compositions. Each mockup is built to showcase your sign artwork in context. Perfect for restaurant branding, store identity projects, and environmental graphics. Available in Figma and PSD.`},bottles:{title:`Free bottle mockups`,desc:`Can mockups for presenting drink branding, label artwork, and packaging designs on realistic aluminium cans. Explore soda can mockups, beer can mockups, slim can mockups, and tall can mockups in lifestyle, in hand, and pool scenes. Each mockup is built to showcase your label in real lighting. Perfect for drink brand launches, label design presentations, and packaging portfolios. Available in PSD.`},all_illustrations:{title:`Explore all illustrations`,desc:`Curated selection of 3d illustration collections across abstract visuals, characters, and themed graphics. Built to help you explore styles and find complete sets for your projects.`},abstract:{title:`Abstract 3d illustrations`,desc:`Inflatable, animated, holographic - abstract graphics are universal. It will suit almost every design project. Build to enhance your products and presentations. Try it yourself!`},characters:{title:`Character 3d illustrations`,desc:`Discover our collection of high-quality 3d characters. They are perfect for enhancing UI design and engaging users. Bring vibrancy and a sense of liveliness to your projects with our captivating visuals!`},themes:{title:`Themed 3d illustrations`,desc:`Discover our selection of 3d products with various themes like Security, Pharmacy and Charts, Vehicles. Make your projects stand out with high quality graphics. Perfect for SMM, advertising campaigns and UI projects.`},all_illustrations_freebies:{title:`Free 3d illustrations`,desc:`Browse a collection of free 3D illustrations designed for websites, apps, and presentations. Modern, high-quality assets you can use in both personal and commercial projects.`},characters_freebies:{title:`Free 3d character illustrations`,desc:`Discover free 3D character illustrations, from expressive emojis to creative creatures. Perfect for adding personality to websites, mobile apps, branding and social media.`},abstract_freebies:{title:`Free abstract 3d illustrations`,desc:`Explore free abstract 3D illustrations made for modern interfaces and product visuals. Clean, stylish assets that work beautifully in both personal and commercial designs.`},themes_freebies:{title:`Free 3d icons`,desc:`Download free 3D icons and themed illustrations, from playful animals to professional business tools. Ideal for UI design, landing pages, presentations and branding projects.`},devices_freebies:{title:`Free Device mockups`,desc:`Device mockups for iPhone, iPad, MacBook and more. Carefully composed scenes in PSD and Figma, ready for your screens. A clean way to present apps, websites and digital products.`}},backlinks:{watches:`/mockups/apple-watch-mockups`,billboards:`/mockups/billboard-mockups`,desktops:`/mockups/desktop-mockups`,iphones:`/mockups/iphone-mockups`,macbooks:`/mockups/macbook-mockups`,phones:`/mockups/phone-mockups`,prints:`/mockups/print-mockups`,tablets:`/mockups/ipad-mockups`,online:`/mockups/edit-online`,devices:`/mockups/device-mockups`,cards:`/mockups/business-card-mockups`,brandings:`/mockups/branding-mockups`,apparels:`/mockups/apparel-mockups`,shirts:`/mockups/t-shirt-mockups`,a4s:`/mockups/a4-mockups`,books:`/mockups/book-mockups`,magazines:`/mockups/magazine-mockups`,totes:`/mockups/tote-bag-mockups`,boxes:`/mockups/box-mockups`,caps:`/mockups/cap-and-hat-mockups`,cups:`/mockups/cup-mockups`,cans:`/mockups/can-mockups`,stickers:`/mockups/sticker-mockups`,folders:`/mockups/folder-mockups`,stores:`/mockups/storefront-mockups`,ids:`/mockups/id-card-mockups`,cosmetics:`/mockups/cosmetic-mockups`,vinyls:`/mockups/vinyl-mockups`,hoodies:`/mockups/hoodie-mockups`,logos:`/mockups/logo-mockups`,stationeries:`/mockups/stationery-mockups`,packagings:`/mockups/packaging-mockups`,animated:`/mockups/animated-mockups`,signs:`/mockups/sign-mockups`,posters:`/mockups/poster-mockups`,bottles:`/mockups/bottle-mockups`,abstract:`/illustrations/abstract-3d-illustrations`,characters:`/illustrations/3d-characters`,themes:`/illustrations/themed-3d-illustrations`,free:`/freebies`,all:`/mockups`,all_illustrations:`/freebies`,all_freebies:`/mockups/free`,all_illustrations_freebies:`/illustrations/free`}}},computed:{isMockupDetail(){let e=a();return e.name===`mockups-id`||e.name===`illustrations-id`},breadcrumbCategoryName(){let e={watches:`Watch mockups`,billboards:`Billboard mockups`,desktops:`Desktop mockups`,iphones:`iPhone mockups`,macbooks:`MacBook mockups`,prints:`Print mockups`,tablets:`iPad mockups`,online:`Edit online`,devices:`Device mockups`,cards:`Business card mockups`,brandings:`Branding mockups`,apparels:`Apparel mockups`,shirts:`T-shirt mockups`,a4s:`A4 mockups`,books:`Book mockups`,magazines:`Magazine mockups`,totes:`Tote bag mockups`,boxes:`Box mockups`,caps:`Caps & Hats mockups`,cups:`Cup mockups`,cans:`Can mockups`,stickers:`Sticker mockups`,folders:`Folder mockups`,ids:`Id card mockups`,cosmetics:`Cosmetic mockups`,vinyls:`Vinyl mockups`,hoodies:`Hoodie mockups`,logos:`Logo mockups`,stationeries:`Stationery mockups`,packagings:`Packaging mockups`,stores:`Storefront mockups`,ids:`Id card mockups`,animated:`Animated mockups`,signs:`Sign mockups`,posters:`Poster mockups`,bottles:`Bottle mockups`,characters:`Characters 3d illustrations`,themes:`Themes 3d illustrations`,abstract:`Abstract 3d illustrations`,free:`Freebies`,all:`Mockups`,all_illustrations:`Illustrations`,all_freebies:`Free`,all_illustrations_freebies:`Free`}
1,t=this.type;return this.type!=`all_freebies`&&this.type!=`all_illustrations_freebies`&&(t=this.type.replace(`_freebies`,``)),e[t]||`Mockups`},breadcrumbs(){let e=[`characters`,`abstract`,`themes`,`all_illustrations_freebies`].includes(this.type);[`watches`,`billboards`,`iphones`].includes(this.type);let t=[`all`,`all_illustrations`,`free`].includes(this.type),n=[`all_freebies`,`all_illustrations_freebies`].includes(this.type),r=n?this.type:this.type.replace(`_freebies`,``);this.priority=this.hideCrumbs;let i=e?[{name:`Home`,to:`/`},{name:`Illustrations`,to:`/illustrations`}]:[{name:`Home`,to:`/`},{name:`Mockups`,to:`/mockups`}];return t&&(i=[{name:`Home`,to:`/`}]),this.store.catalog_sort===`Free`&&!n&&this.type!=`free`&&i.splice(2,0,{name:`Free`,to:`/mockups/free`}),this.backlinks?.[r]&&i.push({name:this.breadcrumbCategoryName,to:null}),i}},created(){this.url=this.store.img}},S={class:`product-hero`},C={class:`mockups-hero`},w={class:`mockups-hero-title`},T={key:1,class:`breadcrumb-link current`},E={key:2,class:`breadcrumb-separator`},D={class:`text-body small grey-2`},O={class:`mockups-hero-img`},k=[`srcset`],A=[`fetchpriority`,`loading`,`src`];function j(e,t,a,u,p,h){let _=s;return r(),l(`section`,S,[c(`div`,C,[c(`div`,w,[h.breadcrumbs.length?(r(),l(`div`,{key:0,class:y([`breadcrumbs-vue`,`catalog`,{noCrumbs:a.hideCrumbs}])},[a.hideCrumbs?v(``,!0):(r(!0),l(g,{key:0},i(h.breadcrumbs,(e,t)=>(r(),l(g,{key:e.name+t},[e.to?(r(),f(_,{key:0,to:e.to,class:`breadcrumb-link`},{default:n(()=>[m(d(e.name),1)]),_:2},1032,[`to`])):(r(),l(`div`,T,d(e.name),1)),t<h.breadcrumbs.length-1?(r(),l(`div`,E,` / `)):v(``,!0)],64))),128))],2)):v(``,!0),(r(),f(o(h.isMockupDetail?`p`:`h1`),{class:`heading-3 mockups`},{default:n(()=>[m(d(e.hero[a.type].title),1)]),_:1})),c(`div`,D,d(e.hero[a.type].desc),1)]),c(`picture`,O,[c(`source`,{type:`image/avif`,srcset:e.url+`images/mockups/hero/mockups-hero-`+a.type.replace(`_freebies`,``)+`.avif`},null,8,k),c(`img`,{fetchpriority:e.priority===!0?`auto`:`high`,loading:e.priority===!0?`lazy`:`eager`,src:e.url+`images/mockups/hero/mockups-hero-`+a.type.replace(`_freebies`,``)+`.png`,alt:``},null,8,A)])])])}var M=Object.assign(b(x,[[`render`,j]]),{__name:`MainMockupsHero`}),N={name:`categorie`,props:{page:String,type:String,nav:Object},data(){return{store:_(),active:!1,img:``,show:!1,tags:[{Mockups:[{"All mockups":1383},{"Free mockups":67},{"Edit online":704},{"Device mockups":0},{"All Devices":579},{"iPhone mockups":356,subcat:!0},{"MacBook mockups":179,subcat:!0},{"iPad mockups":87,subcat:!0},{"Desktop mockups":80,subcat:!0},{"Watch mockups":23,subcat:!0},{"Animated mockups":8,subcat:!0}]},{"Branding mockups":[{"All Branding":538},{"Print mockups":187,subcat:!0},{"Business card mockups":56,subcat:!0},{"T-shirt mockups":14,subcat:!0},{"Billboard mockups":133,subcat:!0},{"A4 mockups":17,subcat:!0},{"Book mockups":27,subcat:!0},{"Magazine mockups":6,subcat:!0},{"Tote bag mockups":24,subcat:!0},{"Apparel mockups":72,subcat:!0},{"Box mockups":22,subcat:!0},{"Caps & Hats mockups":11,subcat:!0},{"Cup mockups":12,subcat:!0},{"Can mockups":17,subcat:!0},{"Sign mockups":26,subcat:!0},{"Poster mockups":19,subcat:!0},{"Bottle mockups":18,subcat:!0},{"Sticker mockups":15,subcat:!0},{"Folder mockups":11,subcat:!0},{"Storefront mockups":15,subcat:!0},{"Id card mockups":14,subcat:!0},{"Cosmetic mockups":11,subcat:!0},{"Vinyl mockups":15,subcat:!0},{"Hoodie mockups":11,subcat:!0},{"Logo mockups":41,subcat:!0},{"Stationery mockups":98,subcat:!0},{"Packaging mockups":98,subcat:!0}]},{Illustrations:[{"All illustrations":1435},{"Free 3d illustrations":70},{"Abstract 3d illustrations":390},{Characters:220},{"Themed 3d illustrations":755}]}]}},computed:{currentTab(){return(this._.provides[t]||this.$route).query.type===`collections`?`Collections`:`Assets`}},methods:{handleClick(e,t){this.store.$patch({selected_catalog_type:this.currentTab,mockup_scroll:0}),e===`Mockups`&&this.store.$patch({show_dropdowns:Math.random()*1000001})},isSelected(e,t){return this.page===e},getCategoryLink(e,n){let r=this.currentTab,i=this.nav?.[r]?.[n]||this.nav?.Assets?.[n],a={...(this._.provides[t]||this.$route).query};return`search`in a&&delete a.search,this.currentTab===`Collections`?a.type=`collections`:delete a.type,{path:i,query:a}}},created(){this.img=this.store.img+`images/main/`,this.store.$subscribe(e=>{e.payload&&e.payload.show_dropdowns&&(this.show=!1)})}},P={class:`text-body-vue small med`},F=[`src`],I={class:`catalog-subtitle`},L={class:`text-body desc grey`},R={key:0,class:`catalog-subtitle devices`},z={class:`catalog-drop-text`},B=[`src`],V={class:`text-body small`},ee={class:`text-body desc grey`};function H(e,t,a,o,p,m){let _=s;return r(),l(`div`,{class:y([`catalog-tag`,{selected:p.active}]),onMouseover:t[1]||=e=>p.show=!0},[c(`div`,P,d(a.page),1),c(`img`,{loading:`eager`,alt:``,src:p.img+`icons/ic-arrow-chevron.svg`,class:y([`ic-catalog-dropdown`,{up:p.show}])},null,10,F),c(`div`,{onMouseleave:t[0]||=e=>p.show=!1,class:y([`catalog-drop-1`,{active:p.show}])},[(r(!0),l(g,null,i(p.tags,(e,a)=>(r(),l(`div`,{key:a,class:y([`catalog-clmn`,{first:Object.keys(e)[0]==`Illustrations`||Object.keys(e)[0]==`Branding mockups`}])},[c(`div`,I,[c(`div`,L,d(Object.keys(e)[0]),1)]),(r(!0),l(g,null,i(Object.values(e)[0],(i,a)=>(r(),l(`div`,{key:Object.keys(i)[0]},[Object.keys(i)[0]==`Device mockups`?(r(),l(`div`,R,[...t[2]||=[c(`div`,{class:`text-body desc grey`},`Device mockups`,-1)]])):(r(),f(_,{key:1,to:m.getCategoryLink(Object.keys(e)[0],Object.keys(i)[0]),"active-class":`__no_router_active`,"exact-active-class":`__no_router_exact_active`,class:y([`catalog-drop-row`,{subcat:!!i.subcat},{selected:m.isSelected(Object.keys(i)[0],Object.keys(e)[0])}]),onClick:t=>m.handleClick(Object.keys(e)[0],Object.keys(i)[0])},{default:n(()=>[c(`div`,z,[h(c(`img`,{src:p.img+`ic-checkout.svg`,loading:`eager`,alt:``,class:`ic-catalog-check active`},null,8,B),[[u,m.isSelected(Object.keys(i)[0],Object.keys(e)[0])]]),c(`div`,V,d(Object.keys(i)[0]),1)]),c(`div`,ee,d(Object.values(i)[0]),1)]),_:2},1032,[`to`,`class`,`onClick`]))]))),128))],2))),128))],34)],34)}var U=Object.assign(b(N,[[`render`,H]]),{__name:`MainCatalogCategories`}),W={name:`catalogSort`,props:{page:String,type:String,nav:Object},data(){return{store:_(),active:!1,img:``,show:!1,tagText:`Paid + Free`,selected:`Paid + Free`,router:e(),route:a()}},watch:{"route.query.sort":{immediate:!0,handler(e){this.applySortFromRoute(e)}}},methods:{applySortFromRoute(e){let t=`Paid + Free`;e===`free`?t=`Free`:e===`paid`&&(t=`Paid`),this.selected=t,this.tagText=t,this.store.$patch({catalog_sort:t})},setSelected(e){this.selected=e,this.tagText=e,this.store.$patch({catalog_sort:e}),e===`Free`?this.toggleFree(`free`):e===`Paid`?this.toggleFree(`paid`):this.toggleFree()},toggleFree(e){let t={...this.route.query};`search`in t&&delete t.search,e===`free`?t.sort=`free`:e===`paid`?t.sort=`paid`:delete t.sort,this.router.replace({path:this.route.path,query:t})},showDrop(){this.store.$patch({show_dropdowns:Math.random()*1000001}),this.show=!0}
1,removeFreeFromPath(e){let t=e.split(`/`).filter(Boolean);return t[1]===`free`&&t.splice(1,1),`/`+t.join(`/`)}},created(){this.img=this.store.img+`images/main/`,this.store.$subscribe(e=>{e.payload&&e.payload.show_dropdowns&&(this.show=!1)})}},G={class:`text-body-vue small med`},K=[`src`],q={class:`catalog-clmn`},J={class:`catalog-drop-text`},Y=[`src`],X={class:`catalog-drop-text`},Z=[`src`],Q={class:`catalog-drop-text`},$=[`src`];function te(e,t,n,i,a,o){return r(),l(`div`,{class:y([`catalog-tag`,{selected:a.active}]),onMouseover:t[4]||=e=>o.showDrop()},[c(`div`,G,d(a.tagText),1),c(`img`,{loading:`lazy`,alt:``,src:a.img+`icons/ic-arrow-chevron.svg`,class:y([`ic-catalog-dropdown`,{up:a.active}])},null,10,K),c(`div`,{onMouseleave:t[3]||=e=>a.show=!1,class:y([`catalog-drop-2`,{active:a.show}])},[c(`div`,q,[c(`div`,{class:y([`catalog-drop-row`,`sort`,{selected:a.selected===`Paid + Free`}]),onClick:t[0]||=e=>o.setSelected(`Paid + Free`)},[c(`div`,J,[h(c(`img`,{src:a.img+`ic-checkout.svg`,loading:`eager`,alt:``,class:`ic-catalog-check active`},null,8,Y),[[u,a.selected===`Paid + Free`]]),t[5]||=c(`div`,{class:`text-body small`},`Paid + Free`,-1)])],2),c(`div`,{class:y([`catalog-drop-row`,`sort`,{selected:a.selected===`Paid`}]),onClick:t[1]||=e=>o.setSelected(`Paid`)},[c(`div`,X,[h(c(`img`,{src:a.img+`ic-checkout.svg`,loading:`eager`,alt:``,class:`ic-catalog-check active`},null,8,Z),[[u,a.selected===`Paid`]]),t[6]||=c(`div`,{class:`text-body small`},`Paid`,-1)])],2),c(`div`,{class:y([`catalog-drop-row`,`sort`,{selected:a.selected===`Free`}]),onClick:t[2]||=e=>o.setSelected(`Free`)},[c(`div`,Q,[h(c(`img`,{src:a.img+`ic-checkout.svg`,loading:`eager`,alt:``,class:`ic-catalog-check active`},null,8,$),[[u,a.selected===`Free`]]),t[7]||=c(`div`,{class:`text-body small`},`Free`,-1)])],2)])],34)],34)}var ne=Object.assign(b(W,[[`render`,te]]),{__name:`MainCatalogSort`}),re={name:`mockupsTags`,props:{categorie:String,type:String,freebie:Boolean,search:Boolean},data(){return{store:_(),show:!1,nav:{Assets:{"All mockups":`/mockups`,"Free mockups":`/mockups/free`,"Edit online":`/mockups/edit-online`,"iPhone mockups":`/mockups/iphone-mockups`,"MacBook mockups":`/mockups/macbook-mockups`,"iPad mockups":`/mockups/ipad-mockups`,"Desktop mockups":`/mockups/desktop-mockups`,"Print mockups":`/mockups/print-mockups`,"Billboard mockups":`/mockups/billboard-mockups`,"All Devices":`/mockups/device-mockups`,"Watch mockups":`/mockups/apple-watch-mockups`,"Business card mockups":`/mockups/business-card-mockups`,"All Branding":`/mockups/branding-mockups`,"Apparel mockups":`/mockups/apparel-mockups`,"T-shirt mockups":`/mockups/t-shirt-mockups`,"A4 mockups":`/mockups/a4-mockups`,"Book mockups":`/mockups/book-mockups`,"Magazine mockups":`/mockups/magazine-mockups`,"Tote bag mockups":`/mockups/tote-bag-mockups`,"Box mockups":`/mockups/box-mockups`,"Caps & Hats mockups":`/mockups/cap-and-hat-mockups`,"Cup mockups":`/mockups/cup-mockups`,"Can mockups":`/mockups/can-mockups`,"Sticker mockups":`/mockups/sticker-mockups`,"Folder mockups":`/mockups/folder-mockups`,"Id card mockups":`/mockups/id-card-mockups`,"Cosmetic mockups":`/mockups/cosmetic-mockups`,"Vinyl mockups":`/mockups/vinyl-mockups`,"Hoodie mockups":`/mockups/hoodie-mockups`,"Logo mockups":`/mockups/logo-mockups`,"Stationery mockups":`/mockups/stationery-mockups`,"Packaging mockups":`/mockups/packaging-mockups`,"Storefront mockups":`/mockups/storefront-mockups`,"Animated mockups":`/mockups/animated-mockups`,"Sign mockups":`/mockups/sign-mockups`,"Poster mockups":`/mockups/poster-mockups`,"Bottle mockups":`/mockups/bottle-mockups`,"All illustrations":`/illustrations`,"Free 3d illustrations":`/illustrations/free`,"Abstract 3d illustrations":`/illustrations/abstract-3d-illustrations`,Characters:`/illustrations/3d-characters`,"Themed 3d illustrations":`/illustrations/themed-3d-illustrations`},Collections:{"All mockups":`/mockups`,"Free mockups":`/mockups/free`,"iPhone mockups":`/mockups/iphone-mockups`,"MacBook mockups":`/mockups/macbook-mockups`,"All Branding":`/mockups/branding-mockups`,"iPad mockups":`/mockups/ipad-mockups`,"Desktop mockups":`/mockups/desktop-mockups`,"Print mockups":`/mockups/print-mockups`,"Billboard mockups":`/mockups/billboard-mockups`,"All Devices":`/mockups/device-mockups`,"Watch mockups":`/mockups/apple-watch-mockups`,"Book mockups":`/mockups/book-mockups`,"Cup mockups":`/mockups/cup-mockups`,"Can mockups":`/mockups/can-mockups`,"Sticker mockups":`/mockups/sticker-mockups`,"Folder mockups":`/mockups/folder-mockups`,"Id card mockups":`/mockups/id-card-mockups`,"Cosmetic mockups":`/mockups/cosmetic-mockups`,"Vinyl mockups":`/mockups/vinyl-mockups`,"Hoodie mockups":`/mockups/hoodie-mockups`,"Logo mockups":`/mockups/logo-mockups`,"Stationery mockups":`/mockups/stationery-mockups`,"Packaging mockups":`/mockups/packaging-mockups`,"Animated mockups":`/mockups/animated-mockups`,"Sign mockups":`/mockups/sign-mockups`,"Poster mockups":`/mockups/poster-mockups`,"Bottle mockups":`/mockups/bottle-mockups`,"All illustrations":`/illustrations`,"Free 3d illustrations":`/illustrations/free`,"Abstract 3d illustrations":`/illustrations/abstract-3d-illustrations`,Characters:`/illustrations/3d-characters`,"Themed 3d illustrations":`/illustrations/themed-3d-illustrations`}},noSort:[`Free mockups`,`Free 3d illustrations`,`All freebies`,`Watch mockups`,`Folder mockups`,`Animated mockups`],img:``}},computed:{resolvedType(){return(this._.provides[t]||this.$route).fullPath.includes(`type=collections`)?`C
1ollections`:`Assets`}},methods:{hideDropdowns(){this.store.$patch({show_dropdowns:Math.random()*1000001})},buildTabLink(e){let n=this.nav[e]?.[this.categorie]||(this._.provides[t]||this.$route).path,r={...(this._.provides[t]||this.$route).query};return`search`in r&&delete r.search,e===`Collections`?r.type=`collections`:delete r.type,{path:n,query:r}}},created(){this.img=this.store.img+`images/main/`}},ie={class:`freebies-tags mockups`},ae=[`src`];function oe(e,i,a,o,u,d){let m=U,h=ne,g=s;return r(),l(`div`,ie,[c(`div`,{class:`catalog-tags`,onMouseleave:i[0]||=(...e)=>d.hideDropdowns&&d.hideDropdowns(...e)},[p(m,{page:a.categorie,type:d.resolvedType,nav:u.nav},null,8,[`page`,`type`,`nav`]),d.resolvedType===`Assets`&&!u.noSort.includes(a.categorie)&&!a.search||d.resolvedType===`Collections`&&[`All illustrations`,`Themed 3d illustrations`].includes(a.categorie)&&!a.search?(r(),f(h,{key:0,page:a.categorie,type:d.resolvedType,nav:u.nav},null,8,[`page`,`type`,`nav`])):v(``,!0)],32),!a.freebie&&!a.search&&a.categorie!=`Edit online`?(r(),l(`div`,{class:`catalog-tabs`,key:(e._.provides[t]||e.$route).fullPath},[p(g,{prefetch:!1,to:d.buildTabLink(`Assets`),"active-class":`__no_router_active`,"exact-active-class":`__no_router_exact_active`,class:y([`catalog-tab`,{active:d.resolvedType===`Assets`}])},{default:n(()=>[c(`img`,{loading:`eager`,src:u.img+`icons/ic-image.svg`,alt:``,class:`ic-catalog-image`},null,8,ae),i[1]||=c(`div`,{class:`text-body small`},`Assets`,-1)]),_:1},8,[`to`,`class`]),p(g,{prefetch:!1,to:d.buildTabLink(`Collections`),"active-class":`__no_router_active`,"exact-active-class":`__no_router_exact_active`,class:y([`catalog-tab`,{active:d.resolvedType===`Collections`}])},{default:n(()=>[...i[2]||=[c(`div`,{class:`text-body small`},`Collections`,-1)]]),_:1},8,[`to`,`class`])])):v(``,!0)])}var se=Object.assign(b(re,[[`render`,oe]]),{__name:`MainMockupsTags`});export{M as n,se as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.