https://hitlogen.dk/assets/DemoFindNoderBoks-MfbSRVR7.js

1import{j as e,L as g,A as b,r as d,B as l,aa as m,W as c,M as x,F as N,E as v,x as y}from"./index-DkS0onXx.js";import{G as j}from"./guitar-D200lRPI.js";import{L as w}from"./library-CktEdWiQ.js";import{B as A}from"./book-open-Dluqxt49.js";const C={library:"Bibliotek / lån",physical:"Nodebog / enkeltnode",digital:"Digital download"},u={library:w,physical:A,digital:N},i=[{name:"Det Kgl. Bibliotek",category:"library"},{name:"Noder.dk",category:"physical"},{name:"Stepnote.dk",category:"physical"},{name:"Musicnotes",category:"digital"},{name:"MuseScore",category:"digital"},{name:"Sheet Music Direct",category:"digital"}],f=["library","physical","digital"],p="Links genereres ud fra titlen og fører til ekstern søgning på internettet";function S(){return f.map(s=>({cat:s,items:i.filter(t=>t.category===s)})).filter(s=>s.items.length>0)}function a({name:s,icon:t}){return e.jsxs("a",{href:"#",onClick:r=>r.preventDefault(),className:"inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1 text-xs text-card-foreground transition-colors hover:border-primary/50 hover:text-primary",children:[t&&e.jsx(t,{className:"h-3 w-3 text-muted-foreground"}),s,e.jsx(v,{className:"h-3 w-3 text-muted-foreground"})]})}function h(){return e.jsxs(g,{to:"/viden/hvor-finder-jeg-noder",className:"mt-1 inline-flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80 transition-colors hover:text-primary",children:["Se flere kilder",e.jsx(y,{className:"h-3 w-3"})]})}function k(){return e.jsx("div",{className:"space-y-2.5",children:S().map(({cat:s,items:t})=>{const r=u[s];return e.jsxs("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:items-start sm:gap-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0 sm:w-44",children:[e.jsx(r,{className:"h-3.5 w-3.5 text-muted-foreground"}),e.jsx("span",{className:"text-[11px] font-medium text-muted-foreground",children:C[s]})]}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(n=>e.jsx(a,{name:n.name},n.name))})]},s)})})}function D(){const[s,t]=d.useState(!1);return e.jsxs("div",{className:"rounded-lg border border-border bg-muted/30 p-2 sm:p-3",children:[e.jsxs("button",{type:"button",onClick:()=>t(r=>!r),className:"flex w-full items-center gap-2 text-sm font-medium hover:text-primary transition-colors",children:[e.jsx(j,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{children:"Akkorder"}),e.jsx(l,{variant:"secondary",className:"h-5 px-1.5 text-[10px]",children:"2"}),e.jsx("span",{className:"text-[11px] text-muted-foreground font-normal hidden sm:inline",children:"— via Chordify"}),s?e.jsx(m,{className:"h-4 w-4 ml-auto"}):e.jsx(c,{className:"h-4 w-4 ml-auto"})]}),s&&e.jsxs("div",{className:"mt-3 flex flex-wrap gap-1.5",children:[e.jsx(a,{name:"Video"}),e.jsx(a,{name:"Alternativ 1"})]})]})}function B(){const[s,t]=d.useState(!1);return e.jsxs("div",{className:"rounded-lg border border-border bg-muted/30 p-2 sm:p-3",children:[e.jsxs("button",{type:"button",onClick:()=>t(r=>!r),className:"flex w-full items-center gap-2 text-sm font-medium hover:text-primary transition-colors",children:[e.jsx(x,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{children:"Noder"}),e.jsx(l,{variant:"secondary",className:"h-5 px-1.5 text-[10px]",children:i.length}),e.jsx("span",{className:"text-[11px] text-muted-foreground font-normal hidden sm:inline",children:"— se, lån eller køb"}),s?e.jsx(m,{className:"h-4 w-4 ml-auto"}):e.jsx(c,{className:"h-4 w-4 ml-auto"})]}),s&&e.jsxs("div",{className:"mt-3",children:[e.jsx(k,{}),e.jsx("p",{className:"mt-2.5 text-[10px] text-muted-foreground/60 italic",children:p}),e.jsx(h,{})]})]})}function L(){const[s,t]=d.useState(!1);return e.jsxs("div",{className:"rounded-lg border border-border bg-muted/30 p-2 sm:p-3",children:[e.jsxs("button",{type:"button",onClick:()=>t(r=>!r),className:"flex w-full items-center gap-2 text-sm font-medium hover:text-primary transition-colors",children:[e.jsx(x,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{children:"Se, lån eller køb"}),e.jsx(l,{variant:"secondary",className:"h-5 px-1.5 text-[10px]",children:i.length}),s?e.jsx(m,{className:"h-4 w-4 ml-auto"}):e.jsx(c,{className:"h-4 w-4 ml-auto"})]}),s&&e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5",children:f.flatMap(r=>i.filter(n=>n.category===r).map(n=>e.jsx(a,{name:n.name,icon:u[r]},n.name)))}),e.jsx("p",{className:"mt-2.5 text-[10px] text-muted-foreground

1/60 italic",children:p}),e.jsx(h,{})]})]})}function M(){return e.jsxs("div",{className:"rounded-lg border border-border bg-muted/30 p-2 sm:p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium",children:[e.jsx(x,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{children:"Se, lån eller køb"}),e.jsx(l,{variant:"secondary",className:"h-5 px-1.5 text-[10px]",children:i.length})]}),e.jsxs("div",{className:"mt-3",children:[e.jsx(k,{}),e.jsx("p",{className:"mt-2.5 text-[10px] text-muted-foreground/60 italic",children:p}),e.jsx(h,{})]})]})}function O(){const[s,t]=d.useState(!1);return e.jsxs("div",{className:"rounded-lg border border-border bg-muted/30 p-2 sm:p-3",children:[e.jsxs("button",{type:"button",onClick:()=>t(r=>!r),className:"flex w-full items-center gap-2 text-sm font-medium hover:text-primary transition-colors",children:[e.jsx(x,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{children:"Noder og akkorder"}),e.jsx(l,{variant:"secondary",className:"h-5 px-1.5 text-[10px]",children:i.length+2}),s?e.jsx(m,{className:"h-4 w-4 ml-auto"}):e.jsx(c,{className:"h-4 w-4 ml-auto"})]}),s&&e.jsxs("div",{className:"mt-3 space-y-3",children:[e.jsxs("div",{children:[e.jsx("p",{className:"mb-1.5 text-[11px] font-medium text-muted-foreground",children:"Se, lån eller køb noder"}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:f.flatMap(r=>i.filter(n=>n.category===r).map(n=>e.jsx(a,{name:n.name,icon:u[r]},n.name)))})]}),e.jsxs("div",{className:"border-t border-border pt-2.5",children:[e.jsxs("p",{className:"mb-1.5 flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground",children:[e.jsx(j,{className:"h-3 w-3"})," Akkorder via Chordify"]}),e.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[e.jsx(a,{name:"Video"}),e.jsx(a,{name:"Alternativ 1"})]})]}),e.jsx("p",{className:"text-[10px] text-muted-foreground/60 italic",children:p}),e.jsx(h,{})]})]})}function o({id:s,title:t,note:r,children:n}){return e.jsxs("section",{className:"space-y-2",children:[e.jsxs("div",{children:[e.jsxs("h2",{className:"text-base font-heading font-semibold text-foreground",children:[s,". ",t]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:r})]}),e.jsx("div",{className:"rounded-xl border border-border bg-card p-4",children:n})]})}function I(){return e.jsxs("main",{className:"container mx-auto max-w-3xl px-4 py-8 space-y-8",children:[e.jsxs("div",{children:[e.jsxs(g,{to:"/",className:"inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-primary transition-colors",children:[e.jsx(b,{className:"h-3.5 w-3.5"})," Tilbage"]}),e.jsx("h1",{className:"mt-3 text-2xl font-heading font-bold text-foreground",children:"Demo: Nodekilder som boks"}),e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:"I dag står nodekilderne under en fritstående overskrift. Her er fire forslag til at pakke dem ind i samme slags boks som Akkorder."})]}),e.jsx(o,{id:"0",title:"Reference — Akkorder-boksen",note:"Sådan ser den eksisterende boks ud (til sammenligning).",children:e.jsx(D,{})}),e.jsx(o,{id:"A",title:"Foldbar boks, kategorirækker",note:"Præcis samme skal som Akkorder. Indholdet er uændret — bare foldet ind.",children:e.jsx(B,{})}),e.jsx(o,{id:"B",title:"Foldbar boks, flade chips",note:"Kategorierne vises som ikoner på hver chip i stedet for i egne rækker. Mere kompakt.",children:e.jsx(L,{})}),e.jsx(o,{id:"C",title:"Altid åben boks",note:"Overskriften flyttes ind i boksen, men indholdet er stadig synligt uden klik.",children:e.jsx(M,{})}),e.jsx(o,{id:"D",title:"Én samlet boks: Noder og akkorder",note:"Slår de to bokse sammen til én. Færre elementer i kortet, men mindre tydelig adskillelse.",children:e.jsx(O,{})}),e.jsxs("div",{className:"rounded-lg border border-border bg-muted/20 p-4 text-xs text-muted-foreground space-y-1.5",children:[e.jsx("p",{className:"font-medium text-card-foreground",children:"Min anbefaling"}),e.jsx("p",{children:"Variant A: den er identisk med Akkorder-boksen, så kortet får ét gennemgående mønster, og kategorirækkerne bevares uændret. Variant D er fristende, men skjuler akkorderne bag en overskrift om noder."})]})]})}export{I as default};