https://isl.am/_next/static/chunks/5169-adb4558420b51fa5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5169],{5169:function(e,t,s){s.d(t,{y:function(){return y}});var n=s(57437),i=s(2265),a=s(42586),l=s(30401),r=s(42208),o=s(75277),d=s(13720),c=s(12805),x=s(98728),u=s(32489),m=s(10407),g=s(17418),h=s(16680),b=s(23384),v=s(30410),f=s(90036);let p=[{value:"xs",label:"XS"},{value:"sm",label:"SM"},{value:"md",label:"MD"},{value:"lg",label:"LG"},{value:"xl",label:"XL"},{value:"2xl",label:"2XL"},{value:"3xl",label:"3XL"},{value:"4xl",label:"4XL"},{value:"5xl",label:"5XL"},{value:"6xl",label:"6XL"}];function w(e){let{title:t}=e;return(0,n.jsx)("p",{className:"text-[11px] font-bold tracking-wider text-muted-foreground uppercase mb-3",children:t})}function j(e){let{label:t,hint:s,enabled:i,onToggle:a,disabled:r}=e;return(0,n.jsxs)("button",{onClick:a,disabled:r,role:"switch","aria-checked":i,className:"flex w-full items-center justify-between rounded-xl border px-3 py-2.5 text-start transition-colors duration-200 ".concat(i?"border-primary bg-primary/15":"border-border bg-muted/50 hover:bg-muted/70"," ").concat(r?"opacity-60 cursor-not-allowed":""),children:[(0,n.jsxs)("span",{children:[(0,n.jsx)("span",{className:"block text-sm font-medium text-foreground",children:t}),(0,n.jsx)("span",{className:"block text-xs text-muted-foreground",children:s})]}),i&&(0,n.jsx)(l.Z,{className:"h-4 w-4 text-primary shrink-0"})]})}function y(e){var t,s,l,y,N;let{isOpen:S,onClose:F}=e,z=(0,a.useTranslations)("dua"),k=(0,a.useTranslations)("theme"),{fontSize:L,transliterationFontSize:T,translationFontSize:M,lineSpacing:Z,readerWidth:C,showArabic:X,showTransliteration:A,showTranslation:E,setFontSize:W,setTransliterationFontSize:D,setTranslationFontSize:_,setLineSpacing:H,setReaderWidth:I,setShowArabic:J,setShowTransliteration:R,setShowTranslation:V}=(0,g.c)(),{theme:q}=(0,b.JZ)(),[B,G]=(0,i.useState)({"text-font":!0}),U=(0,i.useRef)(null);if((0,i.useEffect)(()=>{if(!S)return;let e=e=>{"Escape"===e.key&&F()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[S,F]),!S)return null;let K=e=>{G(t=>t[e]?{}:(requestAnimationFrame(()=>{var e;null===(e=U.current)||void 0===e||e.scrollTo({top:0,behavior:"smooth"})}),{[e]:!0}))},O=e=>Math.max(0,p.findIndex(t=>t.value===e)),P=(e,t,s)=>{var i;let a=O(t);return(0,n.jsx)(f.r,{label:e,badge:(null===(i=p[a])||void 0===i?void 0:i.label)||"MD",atMin:0===a,atMax:a===p.length-1,onDecrease:()=>a>0&&s(p[a-1].value),onIncrease:()=>a<p.length-1&&s(p[a+1].value),sliderMax:p.length-1,sliderValue:a,onSlide:e=>s(p[e].value)})},Q=[X&&z("settings.arabic"),A&&z("settings.transliteration"),E&&z("settings.translation")].filter(Boolean),Y=null!==(l=({normal:z

1("settings.widthNormal"),wide:z("settings.widthWide"),full:z("settings.widthFull")})[C])&&void 0!==l?l:C,$=[{id:"visibility",icon:r.Z,title:z("settings.content"),description:Q.join(" \xb7 ")||z("settings.nothingShown"),content:(0,n.jsxs)("div",{className:"space-y-1.5",children:[(0,n.jsx)(j,{label:z("settings.arabic"),hint:z("settings.arabicHint"),enabled:X,disabled:X&&1===Q.length,onToggle:()=>J(!X)}),(0,n.jsx)(j,{label:z("settings.transliteration"),hint:z("settings.transliterationHint"),enabled:A,disabled:A&&1===Q.length,onToggle:()=>R(!A)}),(0,n.jsx)(j,{label:z("settings.translation"),hint:z("settings.translationHint"),enabled:E,disabled:E&&1===Q.length,onToggle:()=>V(!E)})]})},{id:"text-font",icon:o.Z,title:z("settings.textAndFont"),description:z("settings.textAndFontSummary",{arabic:null!==(y=null===(t=p[O(L)])||void 0===t?void 0:t.label)&&void 0!==y?y:"",translation:null!==(N=null===(s=p[O(M)])||void 0===s?void 0:s.label)&&void 0!==N?N:""}),content:(0,n.jsxs)("div",{className:"space-y-5",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(w,{title:z("settings.arabicFontSize")}),P(z("settings.size"),L,W)]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(w,{title:z("settings.transliterationFontSize")}),P(z("settings.size"),T,D)]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(w,{title:z("settings.translationFontSize")}),P(z("settings.size"),M,_)]})]})},{id:"layout",icon:d.Z,title:z("settings.layout"),description:z("settings.layoutSummary",{width:Y,spacing:Z}),content:(0,n.jsxs)("div",{className:"space-y-5",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(w,{title:z("settings.readerWidth")}),(0,n.jsx)(f.Av,{options:[{value:"normal",label:z("settings.widthNormal")},{value:"wide",label:z("settings.widthWide")},{value:"full",label:z("settings.widthFull")}],value:C,onChange:e=>I(e)})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(w,{title:z("settings.lineSpacing")}),(0,n.jsx)(f.r,{label:z("settings.spacing"),badge:String(Z),atMin:0===Z,atMax:10===Z,onDecrease:()=>Z>0&&H(Z-1),onIncrease:()=>Z<10&&H(Z+1),sliderMax:10,sliderValue:Z,onSlide:e=>H(e)})]})]})},{id:"themes",icon:c.Z,title:z("settings.themes"),description:(0,v.a)(q,k),content:(0,n.jsx)(h.f,{variant:"inline"})}];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"fixed inset-0 z-40 bg-black/60 animate-fade-in",onClick:F,"aria-hidden":"true"}),(0,n.jsxs)("aside",{className:"fixed inset-y-0 right-0 z-50 flex w-[380px] sm:w-[420px] max-w-[92vw] flex-col glass border-s border-border/40 shadow-2xl animate-slide-in-from-right",role:"dialog","aria-modal":"true","aria-label":z("settings.drawerLabel"),children:[(0,n.jsxs)("div",{className:"flex items-center justify-between border-b border-border/40 px-5 sm:px-6 py-4 sm:py-5",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3 sm:gap-4",children:[(0,n.jsx)("div",{className:"flex h-10 w-10 sm:h-11 sm:w-11 items-center justify-center rounded-xl bg-primary/10",children:(0,n.jsx)(x.Z,{className:"h-5 w-5 sm:h-[22px] sm:w-[22px] text-primary"})}),(0,n.jsx)("h2",{className:"text-base sm:text-lg font-medium text-foreground",children:z("settings.title")})]}),(0,n.jsx)("button",{onClick:F,"aria-label":z("settings.close"),className:"h-10 w-10 sm:h-11 sm:w-11 rounded-xl flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-muted/60 transition-all duration-200",children:(0,n.jsx)(u.Z,{className:"h-5 w-5 sm:h-[22px] sm:w-[22px]"})})]}),(0,n.jsx)("div",{ref:U,className:"flex-1 min-h-0 overflow-y-auto",children:(0,n.jsx)("div",{className:"mx-5 my-6 space-y-4",children:$.map(e=>{let t=e.icon,s=!!B[e.id];return(0,n.jsxs)("div",{className:"rounded-2xl border border-border/50 overflow-hidden",children:[(0,n.jsxs)("button",{onClick:()=>K(e.id),className:"flex w-full items-center gap-4 px-4 py-4 transition-all duration-200 hover:bg-muted/60 active:bg-muted/80 group ".concat(s?"bg-muted/50":"bg-muted/40"),"aria-expanded":s,children:[(0,n.jsx)("div",{className:"flex h-11 w-11 sm:h-12 sm:w-12 items-center justify-center rounded-xl bg-muted group-hover:bg-muted/90 transition-all duration-200",children:(0,n.jsx)(t,{className:"h-5 w-5 sm:h-[22px] sm:w-[22px] text-foreground

1/80"})}),(0,n.jsxs)("div",{className:"flex-1 text-start min-w-0",children:[(0,n.jsx)("p",{className:"text-sm sm:text-base font-medium text-foreground leading-none mb-1.5",children:e.title}),(0,n.jsx)("p",{className:"text-xs sm:text-sm text-muted-foreground/80 truncate",children:e.description})]}),(0,n.jsx)(m.Z,{className:"h-5 w-5 text-muted-foreground/40 transition-all duration-200 group-hover:text-muted-foreground ".concat(s?"rotate-90":"")})]}),s&&(0,n.jsx)("div",{className:"border-t border-border/40 px-4 py-4",children:e.content})]},e.id)})})})]})]})}},17418:function(e,t,s){s.d(t,{c:function(){return a}});var n=s(3011),i=s(89134);let a=(0,n.U)()((0,i.tJ)(e=>({fontSize:"2xl",transliterationFontSize:"lg",translationFontSize:"lg",lineSpacing:8,readerWidth:"normal",showArabic:!0,showTransliteration:!0,showTranslation:!0,setFontSize:t=>e({fontSize:t}),setTransliterationFontSize:t=>e({transliterationFontSize:t}),setTranslationFontSize:t=>e({translationFontSize:t}),setLineSpacing:t=>e({lineSpacing:t}),setReaderWidth:t=>e({readerWidth:t}),setShowArabic:t=>e({showArabic:t}),setShowTransliteration:t=>e({showTransliteration:t}),setShowTranslation:t=>e({showTranslation:t})}),{name:"dua-reader-settings",storage:(0,i.FL)(()=>localStorage),version:3,migrate:(e,t)=>

1(t<3&&(e.transliterationFontSize=e.transliterationFontSize||"lg",e.translationFontSize=e.translationFontSize||"lg"),e)}))}}]);