https://www.paulbowles.org/assets/MorrocanMusicView-DDv1mGiL.js

1import{d as y,z as b,w as _,e as M,c as o,b as t,l as u,F as k,r as V,C as p,D as m,u as h,o as l,E as B,t as g,a as j,m as H}from"./index-DYEHZl2K.js";import{b as L}from"./misc-B-Po0G9i.js";import"./index-BjtuyMK1.js";const P="/assets/Moroccan-music-_5uhHzLu.png",Z="/assets/MoroccanMusic-BjABNiiZ.png",D={class:""},S={class:"mt-16 min-h-[400px] md:h-screen bg-background-light dark:primary dark:bg-background-dark relative flex items-center"},N={class:"h-full md:w-2/3 flex flex-col justify-center items-start relative"},E={class:"p-5 lg:px-16 2xl:px-20"},T={ref:"title",class:"text-title font-mono uppercase"},z={class:"dark:text-white text-subtitle mt-5",ref:"typewriterText"},F={class:"px-10 py-10 lg:px-16 2xl:px-10 text-xl lg:text-2xl lg:py-10"},A={key:0,class:""},$=["onClick"],I={class:"track-container"},R={class:"track-info"},Y={key:0,class:"w-10"},q={key:0,width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},G={key:1,width:"20",height:"30",viewBox:"0 0 10 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},J={class:"w-full"},K={class:"media-player w-full"},O={controls:"",class:"w-full",controlslist:"nodownload",autoplay:""},Q=["src"],et=y({__name:"MorrocanMusicView",setup(U){b({title:"Paul Bowles | Morrocan Music"});const n=m({items:[]}),i=m({item:{}}),d=document.getElementsByTagName("audio"),a=H("pause"),c=function(s){h().updateLoading(s)},f=function(s){h().updateError(s)},v=async function(){await L().then(async s=>{n.items=s.data.results,c(!1)}).catch(s=>{console.log(s),f(s)}),c(!1)},C=function(){a.value==="play"?(d[0].play(),a.value="pause"):(d[0].pause(),a.value="play")};return _(()=>i.item,()=>{a.value="pause"},{deep:!0}),M(async()=>{await v()}),(s,e)=>(l(),o("div",D,[t("div",S,[e[2]||(e[2]=t("img",{src:P,class:"md:hidden absolute top-0 right-0 w-full h-full object-cover object-right"},null,-1)),e[3]||(e[3]=t("img",{src:Z,class:"max-md:hidden absolute top-0 right-0 w-full h-full object-cover"},null,-1)),e[4]||(e[4]=t("div",{class:"cover__overlay"},null,-1)),t("div",N,[t("div",E,[t("h1",T,"Moroccan Music",512),t("p",z,"In 1959, Paul Bowles traveled extensively across Morocco recording its traditional music.",512)]),e[1]||(e[1]=t("div",{class:"p-5 lg:px-16 2xl:px-20 max-md:hidden"},[t("a",{href:"#content",class:"w-20 h-20 md:w-32 md:h-32 flex justify-center items-center rounded-full dark:border-white-shade hover:opacity-75"},[t("p",{class:"text-5xl md:text-7xl mb-8"},"↓")])],-1))])]),e[11]||(e[11]=t("a",{name:"content"},null,-1)),t("div",F,[e[9]||(e[9]=t("p",{class:"mb-10"},"Sponsored by the Library of Congress with a grant from the Rockefeller Foundation, Paul Bowles traveled by car throughout Morocco in 1959 to make recordings of the musical heritage of Morocco. Mohammed Larbi Djilali worked as guide and interpreter during this four-month project.",-1)),e[10]||(e[10]=t("p",{class:"mb-10"},[u("See: "),t("a",{href:"https://dust-digital.com/products/music-of-morocco-recorded-by-paul-bowles-1959-copy",target:"_blank",style:{color:"rgb(77 90 214 / var(--tw-text-opacity, 1))"}},"Dust to Digital: Music from Morocco recorded by Paul Bowles"),u(", featuring extensive liner notes by Philip Schuyler and field notes by Paul Bowles.")],-1)),n.items.length!==0?(l(),o("div",A,[(l(!0),o(k,null,V(n.items,(r,w)=>(l(),o("div",{class:B(["flex flex-row p-5 md:items-center gap-0 md:gap-0 mb-3 py-5 cursor-pointer md:px-10 rounded-xl transition hover:bg-white hover:text-black hover:shadow",{"bg-white text-black shadow":r.title===i.item.title}]),key:r.id,onClick:x=>i.item=r},[t("div",I,[t("div",R,[r.title!==i.item.title?(l(),o("div",Y,g(w+1),1)):(l(),o("div",{key:1,class:"w-10 flex items-center justify-center",onClick:e[0]||(e[0]=x=>C())},[a.value!=="play"?(l(),o("svg",q,[...e[5]||(e[5]=[t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M39.2008 19.9998C39.2008 25.092 37.1779 29.9756 33.5772 33.5763C29.9765 37.177 25.0929 39.1998 20.0008 39.1998C14.9086 39.1998 10.025 37.177 6.42433 33.5763C2.82363 29.9756 0.800781 25.092 0.800781 19.9998C0.800781 14.9076 2.82363 10.0241 6.42433 6.42335C10.025 2.82266 14.9086 0.799805 20.0008 0.799805C25.0929 0.799805 29.9765 2.82266 33.5772 6.42335C37.1779 10.0241 39.2008 14.9076 39.2008 19.9998ZM12.8008 15.1998C12.8008 14.5633 13.0536 13.9528 13.5037 13.5027C13.9538 13.0527 14.5643 12.7998 15.2008 12.7998C15.8373 12.7998 16.4477 13.0527 16.8978 13.5027C17.3479 13.9528 17.6008 14.5633 17.6008 15.1998V24.7998C17.6008 25.4363 17.3479 26.0468 16.8978 26.4969C16.4477 26.9469 15.8373 27.1998 15.2008 27.1998C14.5643 27.1998 13.9538 26.9469 13.5037 26.4969C13.0536 26.0468 12.8008 25.4363 12.8008 24.7998V15.1998ZM24.8008 12.7998C24.1643 12.7998 23.5538 13.0527 23.1037 13.5027C22.6536 13.9528 22.4008 14.5633 22.4008 15.1998V24.7998C22.4008 25.4363 22.6536 26.0468 23.1037 26.4969C23.5538 26.9469 24.1643 27.1998 24.8008 27.1998C25.4373 27.1998 26.0477 26.9469 26.4978 26.4969C26.9479 26.0468 27.2008 25.4363 27.2008 24.7998V15.1998C27.2008 14.5633 26.9479 13.9528 26.4978 13.5027C26.0477 13.0527 25.4373 12.7998 24.8008 12.7998Z",fill:"#06050C"},null,-1)])])):(l(),o("svg",G,[...e[6]||(e[6]=[t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.10986 0.336285C2.80867 0.135336 2.45858 0.019922 2.09694 0.00235559C1.7353 -0.0152108 1.37567 0.0657291 1.05642 0.236541C0.737176 0.407353 0.47029 0.661628 0.284238 0.972238C0.0981847 1.28285 -5.41651e-05 1.63814 2.24048e-08 2.00021V9.99985C-5.41651e-05 10.3619 0.0981847 10.7172 0.284238 11.0278C0.47029 11.3384 0.737176 11.5927 1.05642 11.7635C1.37567 11.9343 1.7353 12.0153 2.09694 11.9977C2.45858 11.9801 2.80867 11.8647 3.10986 11.6638L9.10959 7.66396C9.3835 7.48132 9.60808 7.23389 9.7634 6.94362C9.91873 6.65336 10 6.32924 10 6.00003C10 5.67082 9.91873 5.3467 9.7634 5.05644C9.60808 4.76617 9.3835 4.51874 9.10959 4.33611L3.10986 0.336285Z",fill:"#06050C"},null,-1)])]))])),e[8]||(e[8]=j('<div class="px-10"><div class="bg-primary bg-opacity-10 p-2 rounded"><svg width="31" height="31" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_879_9479)"><path d="M34.166 3.41699H13.666C11.7868 3.41699 10.2493 4.95449 10.2493 6.83366V27.3337C10.2493 29.2128 11.7868 30.7503 13.666 30.7503H34.166C36.0452 30.7503 37.5827 29.2128 37.5827 27.3337V6.83366C37.5827 4.95449 36.0452 3.41699 34.166 3.41699ZM30.7493 11.9587H25.6243V21.3545C25.6243 23.712 23.711 25.6253 21.3535 25.6253C18.996 25.6253 17.0827 23.712 17.0827 21.3545C17.0827 18.997 18.996 17.0837 21.3535 17.0837C22.3273 17.0837 23.1985 17.4082 23.916 17.9549V8.54199H30.7493V11.9587ZM6.83268 10.2503H3.41602V34.167C3.41602 36.0462 4.95352 37.5837 6.83268 37.5837

1H30.7493V34.167H6.83268V10.2503Z" fill="#4D5AD6"></path></g><defs><clipPath id="clip0_879_9479"><rect width="41" height="41" fill="white"></rect></clipPath></defs></svg></div></div>',1)),t("div",J,g(r.title),1),t("div",K,[i.item.title===r.title?(l(),o("div",{class:"p-0 rounded",key:i.item.id},[t("audio",O,[t("source",{src:i.item.music_url,type:"audio/mpeg"},null,8,Q),e[7]||(e[7]=t("div",{class:"text-red-500 font-bold p-5 border-red-300"}," Your device does not support audio ",-1))])])):p("",!0)])])])],10,$))),128))])):p("",!0)])]))}});export{et as default};