https://www.aiara.ch/build/assets/Show-Bw3UshQc.js

1import{E as $,H as m,M as E,D as L,c as b,w as d,a as t,f as y,u as r,l as u,e as h,t as s,o as l,b as i,F as p,r as k,n as M,d as x,i as N}from"./app-BVorPlIM.js";import{C as B}from"./ClientLayout-BRTYLkqJ.js";import{u as C}from"./useTranslations-Y5761FWH.js";/* empty css            */import"./LanguageSwitcher-CrtwdBTZ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const S={class:"mb-4 flex items-center gap-2 text-sm text-gray-500"},T={class:"text-gray-700"},j={class:"grid grid-cols-1 lg:grid-cols-[280px_1fr] gap-8"},q={class:"hidden lg:block"},A={class:"sticky top-8 rounded-xl border border-gray-200 bg-white p-4 max-h-[calc(100vh-4rem)] overflow-y-auto"},H={class:"text-xs font-semibold uppercase tracking-wide text-gray-500 mb-3 px-2"},O={class:"space-y-4"},U={class:"px-2 text-xs font-semibold text-gray-700 mb-1"},V={class:"space-y-0.5"},I={class:"truncate"},D={key:0,class:"shrink-0 rounded-full bg-green-100 px-1.5 py-px text-[10px] font-semibold text-green-700"},F={class:"min-w-0"},R={class:"mb-6"},W={class:"flex items-center gap-2 mb-2"},z={class:"inline-flex items-center rounded-full bg-blue-50 px-2 py-0.5 text-xs font-medium text-blue-700"},G={key:0,class:"inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-semibold text-green-700"},J={class:"text-3xl font-bold text-gray-900"},K={key:0,class:"mt-2 text-base text-gray-600"},P={class:"mt-3 text-xs text-gray-400"},Q={key:0},X=["innerHTML"],Y={class:"mt-12 grid grid-cols-1 sm:grid-cols-2 gap-3 border-t border-gray-200 pt-6"},Z={class:"text-xs text-gray-500"},ee={class:"mt-1 text-sm font-semibold text-gray-900"},te={key:1},se={class:"text-xs text-gray-500"},ae={class:"mt-1 text-sm font-semibold text-gray-900"},re={class:"mt-8 rounded-xl bg-gray-50 border border-gray-200 p-5 text-sm text-gray-700"},ue={__name:"Show",props:{track:{type:String,required:!0},tracks:{type:Object,required:!0},article:{type:Object,required:!0},sidebar:{type:Array,required:!0},prev:{type:Object,default:null},next:{type:Object,default:null},isAgencyUser:{type:Boolean,default:!1}},setup(e){const{t:c}=C(),v=e,g=N(null),f=()=>{if(!g.value)return;g.value.querySelectorAll("img").forEach(a=>{if(a.dataset.fallbackInstalled)return;a.dataset.fallbackInstalled="1";const o=()=>{if(a.dataset.swapped)return;a.dataset.swapped="1";const n=document.createElement("div");n.className="help-screenshot-placeholder";const w=a.getAttribute("alt")||"Screenshot";n.innerHTML=`
2                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
3                    <rect x="3" y="3" width="18" height="18" rx="2" />
4                    <circle cx="9" cy="9" r="2" />
5                    <path d="M21 15l-5-5L5 21" />
6                </svg>
7                <div>
8                    <p class="title">Screenshot folgt</p>
9                    <p class="alt">${w}</p>
10                </div>
11            `,a.replaceWith(n)};a.addEventListener("error",o),a.complete&&a.naturalWidth===0&&o()})};return $(()=>m(f)),E(()=>m(f)),L(()=>v.article.slug,()=>m(f)),(_,a)=>(l(),b(B,null,{default:d(()=>[t("div",S,[y(r(u),{href:"/hilfe",class:"hover:text-gray-700"},{default:d(()=>[h(s(r(c)("help.title")),1)]),_:1}),a[0]||(a[0]=t("span",null,"›",-1)),y(r(u),{href:`/hilfe/${e.track}`,class:"hover:text-gray-700"},{default:d(()=>[h(s(e.tracks[e.track]),1)]),_:1},8,["href"]),a[1]||(a[1]=t("span",null,"›",-1)),t("span",T,s(e.article.category_label),1)]),t("div",j,[t("aside",q,[t("div",A,[t("p",H,s(e.tracks[e.track]),1),t("nav",O,[(l(!0),i(p,null,k(e.sidebar,o=>(l(),i("div",{key:o.slug},[t("p",U,s(o.label),1),t("ul",V,[(l(!0),i(p,null,k(o.articles,n=>(l(),i("li",{key:n.slug},[y(r(u),{href:`/hilfe/${e.track}/${n.slug}`,class:M([e.article.slug===n.slug?"bg-blue-50 text-blue-700 font-medium":"text-gray-600 hover:bg-gray-50 hover:text-gray-900","group flex items-center justify-between gap-2 rounded-md px-2 py-1.5 text-sm"])},{default:d(()=>[t("span",I,s(n.title),1),n.is_new?(l(),i("span",D,"NEU")):x("",!0)]),_:2},1032,["href","class"])]))),128))])]))),128))])])]),t("article",F,[t("header",R,[t("div",W,[t("span",z,s(e.article.category_label),1),e.article.is_new?(l(),i("span",G,"NEU seit "+s(e.article.since_human),1)):x("",!0)]),t("h1",J,s(e.article.title),

111),e.article.excerpt?(l(),i("p",K,s(e.article.excerpt),1)):x("",!0),t("p",P,[h(s(r(c)("help.reading_time",{min:e.article.reading_minutes}))+" ",1),e.article.updated_human?(l(),i("span",Q," · "+s(r(c)("help.updated"))+" "+s(e.article.updated_human),1)):x("",!0)])]),t("div",{ref_key:"contentRef",ref:g,class:"help-prose",innerHTML:e.article.body_html},null,8,X),t("nav",Y,[e.prev?(l(),b(r(u),{key:0,href:`/hilfe/${e.track}/${e.prev.slug}`,class:"rounded-lg border border-gray-200 bg-white p-4 hover:border-blue-400 hover:shadow-sm transition"},{default:d(()=>[t("p",Z,s(r(c)("help.prev_article")),1),t("p",ee,s(e.prev.title),1)]),_:1},8,["href"])):(l(),i("div",te)),e.next?(l(),b(r(u),{key:2,href:`/hilfe/${e.track}/${e.next.slug}`,class:"rounded-lg border border-gray-200 bg-white p-4 hover:border-blue-400 hover:shadow-sm transition text-right"},{default:d(()=>[t("p",se,s(r(c)("help.next_article")),1),t("p",ae,s(e.next.title),1)]),_:1},8,["href"])):x("",!0)]),t("div",re,[h(s(r(c)("help.feedback_lead"))+" ",1),a[2]||(a[2]=t("a",{href:"mailto:[email protected]",class:"font-semibold underline text-blue-700"},"[email protected]",-1)),h(" "+s(r(c)("help.feedback_tail")),1)])])])]),_:1}))}};export{ue as default};