1 line
5.3 KiB
JavaScript
1 line
5.3 KiB
JavaScript
import{A as e,S as t,W as n,c as r,ct as i,k as a,l as o,m as s,o as c,p as l,r as u,s as d,u as f,w as p,z as m}from"./runtime-core.esm-bundler-DgkFZzbt.js";import{t as h}from"./runtime-dom.esm-bundler-ouKdkQwB.js";import{a as g,n as ee,t as _}from"./vue-router-BUTR8NmK.js";import{t as v}from"./_plugin-vue_export-helper-BOai-rQB.js";import{t as y}from"./Logo-DKfw78Bp.js";import{t as b}from"./Icon-D1Ud4H_f.js";import{t as x}from"./IconButton-Cpk65EOZ.js";import{t as S}from"./i18n-BnJyMUMH.js";import{t as C}from"./LanguageSwitcher-BuNZkybD.js";var w={class:`h-screen flex bg-surface text-ink overflow-hidden`},T={class:`hidden lg:flex w-[260px] shrink-0 border-r border-line bg-paper flex-col`},E={class:`px-6 py-6 border-b border-line`},D={class:`eyebrow mt-3`},O={class:`flex-1 overflow-y-auto px-3 py-5 space-y-6`},k={class:`eyebrow px-3 mb-2`},A={class:`flex flex-col gap-0.5`},j={class:`px-6 py-4 border-t border-line`},M={class:`flex-1 overflow-y-auto pb-20 lg:pb-0`},N=[`aria-expanded`],P={class:`flex flex-col min-w-0`},F={class:`eyebrow`},I={class:`truncate text-[15px] font-semibold text-ink`},te={class:`inline-flex items-center justify-center w-10 h-10 rounded-pill bg-brand-wash text-brand shrink-0`},L=[`aria-label`],R={class:`shrink-0 flex items-center justify-between px-5 pt-3 pb-3 border-b border-line`},z={class:`flex flex-col`},B={class:`eyebrow`},V={class:`text-[15px] font-semibold`},H={class:`flex-1 overflow-y-auto px-3 py-4 space-y-6`},U={class:`eyebrow px-3 mb-2`},W={class:`flex flex-col gap-0.5`},G={class:`px-3 pt-3 border-t border-line`},K=v({__name:`DesignLayout`,setup(v){let{t:K}=S(),q=g(),J=c(()=>[{title:K(`ds.sidebar.brand`),items:[{name:`ds-logo`,label:K(`ds.nav.logo`)}]},{title:K(`ds.sidebar.tokens`),items:[{name:`ds-colors`,label:K(`ds.nav.colors`)},{name:`ds-typography`,label:K(`ds.nav.typography`)},{name:`ds-radii`,label:K(`ds.nav.radii`)},{name:`ds-shadows`,label:K(`ds.nav.shadows`)}]},{title:K(`ds.sidebar.components`),items:[{name:`ds-icons`,label:K(`ds.nav.icons`)},{name:`ds-buttons`,label:K(`ds.nav.buttons`)},{name:`ds-badges`,label:K(`ds.nav.badges`)},{name:`ds-inputs`,label:K(`ds.nav.inputs`)},{name:`ds-cards`,label:K(`ds.nav.cards`)},{name:`ds-products`,label:K(`ds.nav.products`)},{name:`ds-hero`,label:K(`ds.nav.hero`)},{name:`ds-navbar`,label:K(`ds.nav.navbar`)},{name:`ds-search`,label:K(`ds.nav.search`)},{name:`ds-quantity-stepper`,label:K(`ds.nav.qtyStepper`)},{name:`ds-cart-drawer`,label:K(`ds.nav.cartDrawer`)},{name:`ds-language`,label:K(`ds.nav.language`)}]}]),Y=c(()=>J.value.flatMap(e=>e.items)),X=c(()=>{let e=Y.value.find(e=>e.name===q.name);return e?e.label:K(`ds.eyebrow.designSystem`)}),Z=m(!1);function Q(){Z.value=!0}function $(){Z.value=!1}return a(()=>q.name,$),(a,c)=>(t(),f(`div`,w,[d(`aside`,T,[d(`div`,E,[s(n(_),{to:`/`,class:`block text-brand`,"aria-label":`Kaiser Natron home`},{default:e(()=>[s(y,{class:`w-16 h-auto`})]),_:1}),d(`p`,D,i(n(K)(`ds.eyebrow.designSystem`)),1)]),d(`nav`,O,[(t(!0),f(u,null,p(J.value,a=>(t(),f(`div`,{key:a.title},[d(`p`,k,i(a.title),1),d(`div`,A,[(t(!0),f(u,null,p(a.items,a=>(t(),r(n(_),{key:a.name,to:{name:a.name},class:`px-3 py-2 rounded-sm text-[14px] font-medium text-muted hover:text-brand hover:bg-brand-wash transition-colors`,"active-class":`!text-brand !bg-brand-soft-wash`},{default:e(()=>[l(i(a.label),1)]),_:2},1032,[`to`]))),128))])]))),128))]),d(`div`,j,[s(n(_),{to:`/`,class:`text-[13px] text-muted hover:text-brand transition-colors`},{default:e(()=>[l(i(n(K)(`ds.sidebar.back`)),1)]),_:1})])]),d(`main`,M,[s(n(ee))]),d(`button`,{type:`button`,class:`lg:hidden fixed bottom-0 inset-x-0 z-40 flex items-center justify-between gap-3 px-5 py-3 bg-paper border-t border-line text-left shadow-[0_-4px_16px_rgba(28,58,40,0.06)]`,"aria-expanded":Z.value,"aria-controls":`ds-mobile-sheet`,onClick:Q},[d(`span`,P,[d(`span`,F,i(n(K)(`ds.mobile.currentPage`)),1),d(`span`,I,i(X.value),1)]),d(`span`,te,[s(b,{name:`chevron-up`,size:20,label:n(K)(`ds.mobile.selectPage`)},null,8,[`label`])])],8,N),s(h,{name:`ds-backdrop`},{default:e(()=>[Z.value?(t(),f(`div`,{key:0,class:`lg:hidden fixed inset-0 z-50 bg-ink/40`,onClick:$})):o(``,!0)]),_:1}),s(h,{name:`ds-sheet`},{default:e(()=>[Z.value?(t(),f(`aside`,{key:0,id:`ds-mobile-sheet`,role:`dialog`,"aria-modal":`true`,"aria-label":n(K)(`ds.mobile.selectPage`),class:`lg:hidden fixed bottom-0 inset-x-0 z-50 h-[50svh] bg-paper border-t border-line rounded-t-xl flex flex-col shadow-[0_-12px_32px_rgba(28,58,40,0.18)]`},[d(`div`,R,[d(`span`,z,[d(`span`,B,i(n(K)(`ds.eyebrow.designSystem`)),1),d(`span`,V,i(n(K)(`ds.mobile.selectPage`)),1)]),s(x,{icon:`close`,variant:`ghost`,size:`xs`,"icon-size":22,"aria-label":n(K)(`menu.close`),onClick:$},null,8,[`aria-label`])]),d(`nav`,H,[(t(!0),f(u,null,p(J.value,a=>(t(),f(`div`,{key:a.title},[d(`p`,U,i(a.title),1),d(`div`,W,[(t(!0),f(u,null,p(a.items,a=>(t(),r(n(_),{key:a.name,to:{name:a.name},class:`px-3 py-2.5 rounded-sm text-[15px] font-medium text-muted hover:text-brand hover:bg-brand-wash transition-colors`,"active-class":`!text-brand !bg-brand-soft-wash`},{default:e(()=>[l(i(a.label),1)]),_:2},1032,[`to`]))),128))])]))),128)),d(`div`,G,[s(n(_),{to:`/`,class:`inline-block text-[14px] text-muted hover:text-brand transition-colors`},{default:e(()=>[l(i(n(K)(`ds.sidebar.back`)),1)]),_:1})])])],8,L)):o(``,!0)]),_:1}),s(C,{floating:``})]))}},[[`__scopeId`,`data-v-aeff6577`]]);export{K as default}; |