https://sheet-harmony-browser.lovable.app/assets/library.5d8e7f2a9c1b4e60-vzfd8btv.js

1import{r as a,e as _,u as z,j as e,ai as P,ah as C,bB as V,bC as F}from"./index-CWEO_VxY.js";import{S as $}from"./ShareBanner-DkfahYfK.js";import{A as K}from"./AudioCopyrightNotice-CW0bcSTq.js";import{S as q,a as s,A as n}from"./audio-registry-sPvRR8k6.js";import{S as U,a as G}from"./skip-forward-Cd7O3KWj.js";const E="https://cdn.shopify.com/s/files/1/0910/6296/0466/files/IMG_0391.webp?v=1776417668",W=[{code:"DE",label:"Deutsch"},{code:"EN",label:"English"},{code:"FR",label:"Français"}],m=[{id:"ceremonia-y-fiesta",number:"01",title:"Ceremonia y Fiesta",src:s(n.latin01)},{id:"cha-cha-de-medianoche",number:"02",title:"Cha Cha de Medianoche",src:s(n.latin02)},{id:"dos-almas",number:"03",title:"Dos Almas",src:s(n.latin03)},{id:"fiesta-callejera",number:"04",title:"Fiesta Callejera",src:s(n.latin04)},{id:"fuego-latino",number:"05",title:"Fuego Latino",src:s(n.latin05)},{id:"golpe-de-luna",number:"06",title:"Golpe de Luna",src:s(n.latin06)},{id:"merengue-sabanero",number:"07",title:"Merengue Sabanero",src:s(n.latin07)},{id:"nostalgia",number:"08",title:"Nostalgia",src:s(n.latin08)},{id:"sombra-de-luna",number:"09",title:"Sombra de Luna",src:s(n.latin09)},{id:"un-ultimo-baile",number:"10",title:"Un Último Baile",src:s(n.latin10)},{id:"viento-mexicano",number:"11",title:"Viento Mexicano",src:s(n.latin11)},{id:"yo-no-fui",number:"12",title:"Yo No Fui",src:s(n.latin12)}],H="Otto M. Schwarz · Matthias K. Weber · Nico Samitz";function h(i){if(!isFinite(i)||i<0)return"0:00";const o=Math.floor(i/60),u=Math.floor(i%60);return`${o}:${u.toString().padStart(2,"0")}`}function ee(){const i=a.useRef(null),[o,u]=a.useState(0),[d,x]=a.useState(!1),[f,y]=a.useState(0),[p,M]=a.useState(0),[b,D]=a.useState(.85),[g,v]=a.useState(!1),[B,w]=a.useState(!1),[j,k]=a.useState(!1),{lang:N,setLang:O}=_(),l=z(),S=m[o];a.useEffect(()=>{const t=i.current;if(!t)return;const c=()=>y(t.currentTime),r=()=>M(t.duration),T=()=>{o<m.length-1?u(A=>A+1):x(!1)};return t.addEventListener("timeupdate",c),t.addEventListener("loadedmetadata",r),t.addEventListener("ended",T),()=>{t.removeEventListener("timeupdate",c),t.removeEventListener("loadedmetadata",r),t.removeEventListener("ended",T)}},[o]),a.useEffect(()=>{const t=i.current;t&&(t.volume=b,t.muted=g)},[b,g]),a.useEffect(()=>{const t=i.current;t&&(d?t.play().catch(()=>x(!1)):t.pause())},[d,o]);const R=t=>{w(!0),t===o?x(c=>!c):(u(t),x(!0))},I=()=>{w(!0),x(t=>!t)},L=t=>{const c=i.current;if(!c)return;const r=Number(t.target.value);c.currentTime=r,y(r)};return e.jsxs("div",{className:"min-h-screen bg-background text-foreground pb-32",children:[e.jsx("audio",{ref:i,src:S.src,preload:"metadata",controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:"true",onContextMenu:t=>t.preventDefault()}),e.jsxs("header",{className:"mx-auto max-w-6xl px-6 pt-10 md:pt-14 flex items-start justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"font-display tracking-tight text-ink text-2xl md:text-3xl",children:"Symphonic Dimensions"}),e.jsx("div",{className:"font-display tracking-tight text-ink text-sm md:text-3xl mt-1 whitespace-nowrap",children:"Play & Practise"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{type:"button",onClick:()=>k(t=>!t),"aria-haspopup":"listbox","aria-expanded":j,className:"flex items-center gap-1 px-2 py-1 text-[11px] uppercase tracking-[0.22em] text-ink border border-border hover:bg-secondary/60 transition-colors",children:[N,e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",className:`transition-transform ${j?"rotate-180":""}`,children:e.jsx("path",{d:"M1 2.5L4 5.5L7 2.5",stroke:"currentColor",strokeWidth:"1",fill:"none"})})]}),j&&e.jsx("ul",{role:"listbox",className:"absolute right-0 mt-1 min-w-[7rem] border border-border bg-background shadow-lg z-50",children:W.map(t=>e.jsx("li",{children:e.jsxs("button",{type:"button",onClick:()=>{O(t.code),k(!1)},"aria-selected":N===t.code,className:`flex w-full items-center justify-between gap-3 px-3 py-2 text-left text-[11px] uppercase tracking-[0.22em] transition-colors hover:bg-secondary/60 ${N===t.code?"text-ink font-medium":"text-muted-foreground"}`,children:[e.jsx("span",{children:t.code}),e.jsx("span",{className:"text-[10px] normal-case tracking-normal text-muted-foreground",children:t.label})]})},t.code))})]})]}),e.jsxs("section",{className:"mx-auto max-w-6xl px-6 pt-10 md:pt-14",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.28em] text-muted-foreground mb-10",children:e.jsx("br",{})}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[minmax(0,320px)_1fr] gap-10 md:gap-14 items-start animate-fade-in",children:[e.jsx("div",{children:e.jsx("img",{src:E,alt:"Stay Tuned – Latin Duos für Trompete & Posaune cover",width:600,height:800,className:"w-full aspect-[3/4] object-cover bg-secondary ring-1 ring-border shadow-[0_20px_60px_-25px_rgba(17,40,98,0.35)]"})}),e.jsxs("div",{children:[e.jsxs("span",{className:"inline-flex items-center gap-2 border border-border bg-secondary px-3 py-1 text-[10px] font-medium uppercase tracking-[0.22em] text-foreground

1/80",children:[e.jsx("span",{className:"h-1 w-1 rounded-full bg-[var(--gold)]"}),l("Exklusive Übungs-Bibliothek","Exclusive Practice Library","Bibliothèque d'étude exclusive")]}),e.jsx("h1",{className:"font-display mt-6 text-4xl md:text-5xl leading-[1.05]",children:"Stay Tuned – Latin Duos"}),e.jsx("p",{className:"font-display text-xl md:text-2xl text-muted-foreground mt-2 normal-case tracking-normal",children:e.jsx("em",{className:"not-italic",children:l("für Trompete & Posaune","for Trumpet & Trombone","pour trompette & trombone")})}),e.jsx("div",{className:"mt-8 h-px w-16 bg-[var(--gold)]"}),e.jsxs("dl",{className:"mt-6 grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-3 text-sm",children:[e.jsxs("div",{children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground",children:l("Komponisten","Composers","Compositeurs")}),e.jsx("dd",{className:"mt-1 text-foreground",children:"Otto M. Schwarz · Matthias K. Weber · Nico Samitz"})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground",children:l("Ausgabe","Edition","Édition")}),e.jsx("dd",{className:"mt-1 text-foreground",children:l("Latin Duette für Trompete Bb & Posaune","Latin Duets for Bb Trumpet & Trombone","Duos latins pour trompette en Sib & trombone")})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground",children:l("Verlag","Publisher","Éditeur")}),e.jsx("dd",{className:"mt-1 text-foreground",children:"Symphonic Dimensions Publishing"})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground",children:l("Katalog","Catalogue","Catalogue")}),e.jsx("dd",{className:"mt-1 text-foreground",children:"SDP449-26"})]})]}),e.jsx("p",{className:"mt-8 max-w-xl text-[15px] leading-relaxed text-foreground/80",children:l("Die Aufnahmen dieser Practice Library dienen als musikalische Orientierung und unterstützen das tägliche Üben, den Unterricht sowie die Vorbereitung auf Aufführungen.","The recordings in this Practice Library serve as musical guidance and support daily practice, teaching, and preparation for performances.","Les enregistrements de cette Practice Library servent de guide musical et soutiennent la pratique quotidienne, l'enseignement ainsi que la préparation aux représentations.")}),e.jsxs("a",{href:"https://www.symphonicdimensions.com/products/stay-tuned-latin-duos-fur-trompete-posaune",target:"_blank",rel:"noopener noreferrer",className:"mt-6 inline-flex items-center gap-2 border border-foreground px-4 py-2 text-[11px] uppercase tracking-[0.22em] text-foreground hover:bg-foreground hover:text-background transition-colors",children:[l("Zum Produkt","View product","Voir le produit"),e.jsx("span",{"aria-hidden":"true",children:"→"})]})]})]})]}),e.jsxs("section",{className:"mx-auto max-w-6xl px-6 mt-20 md:mt-28",children:[e.jsxs("div",{className:"flex items-baseline justify-between border-b border-border pb-3",children:[e.jsx("h2",{className:"font-display text-sm",children:"SONG LIBRARY"}),e.jsxs("span",{className:"text-[10px] uppercase tracking-[0.22em] text-muted-foreground",children:[m.length," Track",m.length===1?"":"s"]})]}),e.jsx("ul",{className:"divide-y divide-border",children:m.map((t,c)=>{const r=c===o&&B;return e.jsx("li",{children:e.jsxs("button",{onClick:()=>R(c),className:`group flex w-full items-center gap-5 px-2 py-5 text-left transition-colors hover:bg-secondary/60 ${r?"bg-secondary/40":""}`,children:[e.jsxs("span",{className:"relative flex h-7 w-7 items-center justify-center text-sm tabular-nums text-muted-foreground",children:[e.jsx("span",{className:`transition-opacity ${r&&d?"opacity-0":"group-hover:opacity-0"}`,children:t.number}),e.jsx("span",{className:`absolute inset-0 flex items-center justify-center transition-opacity ${r&&d?"opacity-100":"opacity-0 group-hover:opacity-100"}`,children:r&&d?e.jsx(P,{className:"h-4 w-4 text-foreground"}):e.jsx(C,{className:"h-4 w-4 text-foreground"})})]}),e.jsxs("span",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:`block truncate text-[15px] ${r?"text-foreground font-medium":"text-foreground"}`,children:t.title}),e.jsx("span",{className:"block text-xs text-muted-foreground mt-1 uppercase tracking-[0.14em]",children:"Stay Tuned – Latin Duos"})]}),e.jsx("span",{className:"text-xs tabular-nums text-muted-foreground",children:r?h(p):"—"})]})},t.id)})}),e.jsx(K,{className:"mt-8"})]}),e.jsx(q,{query:"tag:Trompete OR tag:Trumpet OR tag:Posaune OR tag:Trombone OR title:Trompete OR title:Posaune OR title:Brass",excludeHandle:"stay-tuned-latin-duos-fur-trompete-posaune",instrumentKeywords:["Trompete","Trumpet","Posaune","Trombone","Brass"],prioritize:["Stay Tuned","Latin","Brass"],instrumentLabel:{de:"Blechbläser Ensemble",en:"Brass Ensemble",fr:"Ensemble de cuivres"},limit:30}),e.jsx($,{}),e.jsx("section",{className:"mx-auto max-w-6xl px-6",children:e.jsxs("div",{className:"mt-20 flex flex-col items-center gap-2 text-[10px] uppercase tracking-[0.28em] text-muted-foreground",children:[e.jsx("a",{href:"https://www.symphonicdimensions.com",target:"_blank",rel:"noopener noreferrer",className:"hover:text-foreground transition-colors",children:"www.symphonicdimensions.com"}),e.jsx("a",{href:"/impressum",className:"hover:text-foreground transition-colors",children:l("Impressum","Imprint","Mentions légales")})]})}),e.jsxs("div",{className:"fixed inset-x-0 bottom-0 z-50 border-t border-border bg-background/95 backdrop-blur-xl",children:[e.jsxs("div",{className:"mx-auto flex max-w-6xl items-center gap-3 px-4 py-3 md:gap-6 md:px-6",children:[e.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-3 md:w-1/4 md:flex-initial",children:[e.jsx("img",{src:E,alt:"",width:44,height:44,className:"h-11 w-11 flex-shrink-0 rounded-sm ring-1 ring-border"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"truncate text-sm font-medium text-foreground",children:S.title}),e.jsx("div",{className:"truncate text-[11px] uppercase tracking-[0.14em] text-muted-foreground",children:H})]})]}),e.jsxs("div",{className:"flex flex-1 flex-col items-center gap-1.5",children:[e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx("button",{onClick:()=>u(t=>Math.max(0,t-1)),disabled:o===0,className:"text-muted-foreground transition-colors hover:text-foreground disabled:opacity-30","aria-label":"Previous track",children:e.jsx(U,{className:"h-4 w-4"})}),e.jsx("button",{onClick:I,className:"flex h-10 w-10 items-center justify-center rounded-full bg-foreground text-background transition-transform hover:scale-105","aria-label":d?"Pause":"Play",children:d?e.jsx(P,{className:"h-4 w-4"}):e.jsx(C,{className:"h-4 w-4 ml-0.5"})}),e.jsx("button",{onClick:()=>u(t=>Math.min(m.length-1,t+1)),disabled:o>=m.length-1,className:"text-muted-foreground transition-colors hover:text-foreground disabled:opacity-30","aria-label":"Next track",children:e.jsx(G,{className:"h-4 w-4"})})]}),e.jsxs("div",{className:"hidden w-full max-w-xl items-center gap-3 md:flex",children:[e.jsx("span",{className:"w-10 text-right text-[11px] tabular-nums text-muted-foreground",children:h(f)}),e.jsx("input",{type:"range",min:0,max:p||0,step:.1,value:f,onChange:L,className:"player-range flex-1","aria-label":"Seek"}),e.jsx("span",{className:"w-10 text-[11px] tabular-nums text-muted-foreground",children:h(p)})]})]}),e.jsxs("div",{className:"hidden w-1/4 items-center justify-end gap-2 md:flex",children:[e.jsx("button",{onClick:()=>v(t=>!t),className:"text-muted-foreground transition-colors hover:text-foreground","aria-label":g?"Unmute":"Mute",children:g||b===0?e.jsx(V,{className:"h-4 w-4"}):e.jsx(F,{className:"h-4 w-4"})}

1),e.jsx("input",{type:"range",min:0,max:1,step:.01,value:g?0:b,onChange:t=>{D(Number(t.target.value)),v(!1)},className:"player-range w-24","aria-label":"Volume"})]})]}),e.jsxs("div",{className:"flex items-center gap-2 px-4 pb-2 md:hidden",children:[e.jsx("span",{className:"w-9 text-right text-[10px] tabular-nums text-muted-foreground",children:h(f)}),e.jsx("input",{type:"range",min:0,max:p||0,step:.1,value:f,onChange:L,className:"player-range flex-1","aria-label":"Seek"}),e.jsx("span",{className:"w-9 text-[10px] tabular-nums text-muted-foreground",children:h(p)})]})]}),e.jsx("style",{children:`
2        .player-range {
3          -webkit-appearance: none;
4          appearance: none;
5          height: 3px;
6          background: var(--border);
7          border-radius: 999px;
8          outline: none;
9          cursor: pointer;
10        }
11        .player-range::-webkit-slider-thumb {
12          -webkit-appearance: none;
13          appearance: none;
14          width: 12px;
15          height: 12px;
16          border-radius: 50%;
17          background: var(--foreground);
18          cursor: pointer;
19        }
20        .player-range::-moz-range-thumb {
21          width: 12px;
22          height: 12px;
23          border-radius: 50%;
24          background: var(--foreground);
25          cursor: pointer;
26          border: none;
27        }
28      `})]})}export{ee as component};