https://procreate-assets-cdn.procreate.com/_nuxt/D52fqo1f.js

1import{d as C,e as B,c as d,o as l,v as b,a,D as O,C as N,U as L,g as o,q as P,E as k,Z as I,y as A,aj as j,M as R,m as D,am as H,n as T,A as V,w as g,h as $,t as M,j as y,aS as z,i as W,k as E,S as K,Y as q,aT as U}from"./DU4cSegC.js";import{T as Y}from"./BB1ToJr3.js";const Z={class:"horizontal-scroll-container"},F=["tabindex"],G=["tabindex"],J=C({__name:"HorizontalScrollContainer",props:{scrollAmount:{default:100},hideLeftBtn:{type:Boolean},hideRightBtn:{type:Boolean}},setup(c){const p=c,_=k(null),m=k(null),f=k(null),r=N({canScrollLeft:!1,canScrollRight:!1,observerOptions:{root:null,rootMargin:"0px",threshold:[0,1]}}),e=function(){i(p.scrollAmount*-1)},v=function(){i(p.scrollAmount)},i=function(n){f.value.scrollBy({top:0,left:n,behavior:"smooth"})},s=function(){new IntersectionObserver(([t]=entries)=>{r.canScrollLeft=t.intersectionRatio<1},r.observerOptions).observe(_.value)},w=function(){new IntersectionObserver(([t]=entries)=>{r.canScrollRight=t.intersectionRatio<1e-7},r.observerOptions).observe(m.value)};return B(()=>{s(),w()}),(n,t)=>{const h=P;return l(),d("div",Z,[c.hideLeftBtn?b("",!0):(l(),d("div",{key:0,class:"horizontal-scroll-container__scroll-button left",style:O({opacity:r.canScrollLeft==!0?1:0}),"aria-hidden":"true"},[L(n.$slots,"scrollLeft",{},()=>[a("button",{class:"default-scroller",type:"button",onClick:t[0]||(t[0]=S=>e()),tabindex:r.canScrollLeft?0:-1},[o(h,{icon:"cta-right",style:{transform:"rotate(180deg)"}})],8,F)])],4)),a("div",{class:I(["horizontal-scroll-container__content",{"full-left":!r.canScrollLeft,"full-right":!r.canScrollRight}]),ref_key:"content",ref:f},[a("div",{ref_key:"leftWatcher",ref:_,class:"horizontal-scroll-container__watcher"},null,512),L(n.$slots,"default"),a("div",{ref_key:"rightWatcher",ref:m,class:"horizontal-scroll-container__watcher"},null,512)],2),c.hideRightBtn?b("",!0):(l(),d("div",{key:1,class:"horizontal-scroll-container__scroll-button right",style:O({opacity:r.canScrollRight==!0?1:0}),"aria-hidden":"true"},[L(n.$slots,"scrollRight",{},()=>[a("button",{class:"default-scroller",type:"button",onClick:t[1]||(t[1]=S=>v()),tabindex:r.canScrollRight?0:-1},[o(h,{icon:"cta-right"})],8,G)])],4))])}}}),Q=Object.assign(J,{__name:"HorizontalScrollContainer"}),X={key:1,class:"product-sub-nav__content"},ee={class:"product-sub-nav__container"},te={id:"product-sub-nav-drawer",role:"region","aria-labelledby":"product-sub-nav-toggle",class:"product-sub-nav__mobile-drawer"},ne=C({__name:"ProductSubNav",props:{product:{}},setup(c){const p=c,_=A(),m=j(),f=k(null);let r;const e=N({drawerOpen:!1,currentMenu:null}),v={mainLink:"navigation-procreate.main_link",items:"navigation-procreate.menu_items",buyLink:"https://apps.apple.com/app/apple-store/id425073498?pt=345446&ct=procreate.com&mt=8"},i=function(){return p.product==="procreate"?{mainLink:U(_,v.mainLink),items:q(_,v.items),buyLink:v.buyLink}:null},s=function(n=!1){e.drawerOpen=n},w=function(){r=new ResizeObserver(([n]=entries)=>{n.contentRect.width>=600&&e.drawerOpen&&s(!1)}),r.observe(f.value)};return B(()=>{w(),e.currentMenu=i()}),R(()=>p.product,()=>{e.currentMenu=i()}),R(()=>m.path,()=>{e.drawerOpen&&s(!1),e.currentMenu=i()}),(n,t)=>{const h=P,S=V,x=W;return l(),d("div",D({onKeydown:t[2]||(t[2]=H(u=>s(!1),["esc"])),class:"product-sub-nav product-sub-nav--active"},n.$attrs,{ref_key:"productSubNav",ref:f,class:{"product-sub-nav--pocket":c.product=="pocket"}}),[e.drawerOpen?(l(),d("button",{key:0,type:"button",onClick:t[0]||(t[0]=u=>s(!1)),class:"product-sub-nav__escape-net","aria-hidden":"true"})):b("",!0),e.currentMenu?(l(),d("nav",X,[a("div",ee,[o(S,{id:"product-sub-nav-toggle",class:"product-sub-nav__mobile-toggle",onClick:t[1]||(t[1]=u=>s(!e.drawerOpen)),"aria-expanded":!!e.drawerOpen,"aria-controls":"product-sub-nav-drawer"},{default:g(()=>[$(M(e.currentMenu.mainLink.product_title)+" ",1),o(h,{icon:"select-arrow",style:O({transform:`${e.drawerOpen?"rotate(180deg)":"none"}`})},null,8,["style"])]),_:1},8,["aria-expanded"]),o(y(Q),{class:"product-sub-nav__items-container"},{default:g(()=>[o(y(z),{class:"product-sub-nav__items",items:e.currentMenu.items.filter(u=>u.in_main_nav!==!1)??null,useProductName:""},null,8,["items"])]),_:1}),e.currentMenu.buyLink?(l(),T(x,{key:0,href:e.currentMenu.buyLink,target:"_blank",class:"product-sub-nav__purchase"},{default:g(()=>[$(M(n.$t("global.buy_now")),1)]),_:1},8,["href"])):b("",!0)]),o(y(Y),null,{default:g(()=>[E(a("div",te,[o(y(z),{items:e.currentMenu.items.filter(u=>u.in_main_nav!==!1)??null},null,8,["items"])],512),[[K,e.drawerOpen]])]),_:1})])):b("",!0)],16)}}}

1),se=Object.assign(ne,{__name:"NavigationProductSubNav"});export{se as P};