exports.id = 57072; exports.ids = [57072]; exports.modules = { /***/ 49103: /***/ ((module) => { // Exports module.exports = { "plainVerseWordContainer": "PlainVerseTextWord_plainVerseWordContainer__2pyxx", "plainVerseWbwText": "PlainVerseTextWord_plainVerseWbwText__DTrKx" }; /***/ }), /***/ 29702: /***/ ((module) => { // Exports module.exports = { "verseText": "VerseText_verseText__Fk0Fi", "verseTextContainer": "VerseText_verseTextContainer__hOUD0", "chapterHeaderContainer": "VerseText_chapterHeaderContainer__SaizB", "largeQuranTextLayoutContainer": "VerseText_largeQuranTextLayoutContainer__Fv3ec", "largeQuranTextLayout": "VerseText_largeQuranTextLayout__JsyGS", "verseTextCenterAlign": "VerseText_verseTextCenterAlign__Tz7Y4", "verseTextSpaceBetween": "VerseText_verseTextSpaceBetween__syJcK", "verseTextWrap": "VerseText_verseTextWrap__gOX9U", "code_v1-font-size-1": "VerseText_code_v1-font-size-1__9Rt0g", "code_v1-font-size-2": "VerseText_code_v1-font-size-2__VQjoR", "code_v1-font-size-3": "VerseText_code_v1-font-size-3__3x2lH", "code_v1-font-size-4": "VerseText_code_v1-font-size-4__LhpwQ", "code_v1-font-size-5": "VerseText_code_v1-font-size-5___K_MX", "code_v1-font-size-6": "VerseText_code_v1-font-size-6__SJ4l4", "code_v1-font-size-7": "VerseText_code_v1-font-size-7__c7wGl", "code_v1-font-size-8": "VerseText_code_v1-font-size-8__Rg__I", "code_v1-font-size-9": "VerseText_code_v1-font-size-9__QD8Sb", "code_v1-font-size-10": "VerseText_code_v1-font-size-10__r28R3", "code_v2-font-size-1": "VerseText_code_v2-font-size-1__F3Otn", "code_v2-font-size-2": "VerseText_code_v2-font-size-2__5pseo", "code_v2-font-size-3": "VerseText_code_v2-font-size-3__Lhu_B", "code_v2-font-size-4": "VerseText_code_v2-font-size-4__i8Qln", "code_v2-font-size-5": "VerseText_code_v2-font-size-5__paFu0", "code_v2-font-size-6": "VerseText_code_v2-font-size-6__0ofuY", "code_v2-font-size-7": "VerseText_code_v2-font-size-7__qY63H", "code_v2-font-size-8": "VerseText_code_v2-font-size-8__Jas77", "code_v2-font-size-9": "VerseText_code_v2-font-size-9__zKbDl", "code_v2-font-size-10": "VerseText_code_v2-font-size-10__RdYo_", "text_indopak_15_lines-font-size-1": "VerseText_text_indopak_15_lines-font-size-1__MpqYL", "text_indopak_15_lines-font-size-2": "VerseText_text_indopak_15_lines-font-size-2___O1LY", "text_indopak_15_lines-font-size-3": "VerseText_text_indopak_15_lines-font-size-3__va0v9", "text_indopak_15_lines-font-size-4": "VerseText_text_indopak_15_lines-font-size-4__lnUQq", "text_indopak_15_lines-font-size-5": "VerseText_text_indopak_15_lines-font-size-5__XOzo1", "text_indopak_15_lines-font-size-6": "VerseText_text_indopak_15_lines-font-size-6__gB6zb", "text_indopak_15_lines-font-size-7": "VerseText_text_indopak_15_lines-font-size-7__FekJW", "text_indopak_15_lines-font-size-8": "VerseText_text_indopak_15_lines-font-size-8__loZsT", "text_indopak_15_lines-font-size-9": "VerseText_text_indopak_15_lines-font-size-9__VmlCu", "text_indopak_15_lines-font-size-10": "VerseText_text_indopak_15_lines-font-size-10__O1PJG", "text_indopak_16_lines-font-size-1": "VerseText_text_indopak_16_lines-font-size-1__4ucyv", "text_indopak_16_lines-font-size-2": "VerseText_text_indopak_16_lines-font-size-2__3yXno", "text_indopak_16_lines-font-size-3": "VerseText_text_indopak_16_lines-font-size-3__G_OaF", "text_indopak_16_lines-font-size-4": "VerseText_text_indopak_16_lines-font-size-4__f3_iJ", "text_indopak_16_lines-font-size-5": "VerseText_text_indopak_16_lines-font-size-5__oUIOq", "text_indopak_16_lines-font-size-6": "VerseText_text_indopak_16_lines-font-size-6__FA5AG", "text_indopak_16_lines-font-size-7": "VerseText_text_indopak_16_lines-font-size-7__JFk0u", "text_indopak_16_lines-font-size-8": "VerseText_text_indopak_16_lines-font-size-8__Fni_s", "text_indopak_16_lines-font-size-9": "VerseText_text_indopak_16_lines-font-size-9__zXsnb", "text_indopak_16_lines-font-size-10": "VerseText_text_indopak_16_lines-font-size-10__I7RIN", "qpc_uthmani_hafs-font-size-1": "VerseText_qpc_uthmani_hafs-font-size-1__dcYI8", "qpc_uthmani_hafs-font-size-2": "VerseText_qpc_uthmani_hafs-font-size-2__BIcpt", "qpc_uthmani_hafs-font-size-3": "VerseText_qpc_uthmani_hafs-font-size-3___0I2d", "qpc_uthmani_hafs-font-size-4": "VerseText_qpc_uthmani_hafs-font-size-4__uAhrM", "qpc_uthmani_hafs-font-size-5": "VerseText_qpc_uthmani_hafs-font-size-5__qDztZ", "qpc_uthmani_hafs-font-size-6": "VerseText_qpc_uthmani_hafs-font-size-6__njx2U", "qpc_uthmani_hafs-font-size-7": "VerseText_qpc_uthmani_hafs-font-size-7__wJ6wZ", "qpc_uthmani_hafs-font-size-8": "VerseText_qpc_uthmani_hafs-font-size-8__E18cl", "qpc_uthmani_hafs-font-size-9": "VerseText_qpc_uthmani_hafs-font-size-9__9xc_5", "qpc_uthmani_hafs-font-size-10": "VerseText_qpc_uthmani_hafs-font-size-10__9KVZ2", "fallback_qpc_uthmani_hafs-font-size-1": "VerseText_fallback_qpc_uthmani_hafs-font-size-1__tEYKA", "fallback_qpc_uthmani_hafs-font-size-2": "VerseText_fallback_qpc_uthmani_hafs-font-size-2__WOpbV", "fallback_qpc_uthmani_hafs-font-size-3": "VerseText_fallback_qpc_uthmani_hafs-font-size-3__qTu4q", "fallback_qpc_uthmani_hafs-font-size-4": "VerseText_fallback_qpc_uthmani_hafs-font-size-4__vxCgd", "fallback_qpc_uthmani_hafs-font-size-5": "VerseText_fallback_qpc_uthmani_hafs-font-size-5__pBmKt", "fallback_qpc_uthmani_hafs-font-size-6": "VerseText_fallback_qpc_uthmani_hafs-font-size-6__Om3YR", "fallback_qpc_uthmani_hafs-font-size-7": "VerseText_fallback_qpc_uthmani_hafs-font-size-7__LqHcg", "fallback_qpc_uthmani_hafs-font-size-8": "VerseText_fallback_qpc_uthmani_hafs-font-size-8__H_0LM", "fallback_qpc_uthmani_hafs-font-size-9": "VerseText_fallback_qpc_uthmani_hafs-font-size-9__Uz0iX", "fallback_qpc_uthmani_hafs-font-size-10": "VerseText_fallback_qpc_uthmani_hafs-font-size-10__Eq184", "tajweed-font-size-1": "VerseText_tajweed-font-size-1__wW3aY", "tajweed-font-size-2": "VerseText_tajweed-font-size-2__HbkYL", "tajweed-font-size-3": "VerseText_tajweed-font-size-3__y6f3z", "tajweed-font-size-4": "VerseText_tajweed-font-size-4__Qocn9", "tajweed-font-size-5": "VerseText_tajweed-font-size-5__NbAoD", "tajweed-font-size-6": "VerseText_tajweed-font-size-6__EWfpu", "tajweed-font-size-7": "VerseText_tajweed-font-size-7__zvBX_", "tajweed-font-size-8": "VerseText_tajweed-font-size-8__FAAIf", "tajweed-font-size-9": "VerseText_tajweed-font-size-9__7nw_V", "tajweed-font-size-10": "VerseText_tajweed-font-size-10__cZt_J", "highlighted": "VerseText_highlighted__MSh4M", "tafsirOrTranslationMode": "VerseText_tafsirOrTranslationMode____xIz" }; /***/ }), /***/ 76700: /***/ ((module) => { // Exports module.exports = { "word": "InlineWordByWord_word__RguXH", "xs": "InlineWordByWord_xs__m6Asd", "sm": "InlineWordByWord_sm__j5xJp", "md": "InlineWordByWord_md__VTFxL", "lg": "InlineWordByWord_lg__0T__M", "xl": "InlineWordByWord_xl__NAWHF", "xxl": "InlineWordByWord_xxl__MZerA" }; /***/ }), /***/ 26864: /***/ ((module) => { // Exports module.exports = { "fallback_qpc_uthmani_hafs-font-size-1": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-1__2KKwl", "fallback_qpc_uthmani_hafs-font-size-2": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-2__MD0bo", "fallback_qpc_uthmani_hafs-font-size-3": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-3__7jYJ0", "fallback_qpc_uthmani_hafs-font-size-4": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-4__sH673", "fallback_qpc_uthmani_hafs-font-size-5": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-5__hbPXS", "fallback_qpc_uthmani_hafs-font-size-6": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-6__GkHoA", "fallback_qpc_uthmani_hafs-font-size-7": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-7__jXA0B", "fallback_qpc_uthmani_hafs-font-size-8": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-8__EuX_N", "fallback_qpc_uthmani_hafs-font-size-9": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-9__lTWFh", "fallback_qpc_uthmani_hafs-font-size-10": "GlyphWord_fallback_qpc_uthmani_hafs-font-size-10__q6iVZ", "styledWord": "GlyphWord_styledWord__OfEEG", "wordSpacing": "GlyphWord_wordSpacing__VDcM6", "fallbackText": "GlyphWord_fallbackText__R32Ms" }; /***/ }), /***/ 12464: /***/ ((module) => { // Exports module.exports = { "imageContainer": "TajweedWordImage_imageContainer__BW9U2", "xs": "TajweedWordImage_xs__z56PS", "sm": "TajweedWordImage_sm__m8zZy", "md": "TajweedWordImage_md__Fo9Wj", "lg": "TajweedWordImage_lg__Ke7uV", "xl": "TajweedWordImage_xl__toP3N", "xl2": "TajweedWordImage_xl2__U2skV", "xl3": "TajweedWordImage_xl3__Pivm8", "xl4": "TajweedWordImage_xl4__dclGF", "xl5": "TajweedWordImage_xl5__xH4Is", "xl6": "TajweedWordImage_xl6__VCEAA" }; /***/ }), /***/ 23975: /***/ ((module) => { // Exports module.exports = { "word": "TextWord_word__mvLd7", "UthmanicHafs": "TextWord_UthmanicHafs__9DRAC", "IndoPak": "TextWord_IndoPak__Vois6" }; /***/ }), /***/ 57072: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _components_Verse_PlainVerseText__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21044); /* harmony import */ var _hooks_useQcfFont__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(38102); /* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(62093); /* harmony import */ var _utils_verse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44519); const VerseTextPreview = ({ verses , fontScale })=>{ const { quranFont } = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_5__/* .selectQuranReaderStyles */ .Pt, react_redux__WEBPACK_IMPORTED_MODULE_2__.shallowEqual); const tafsirVerses = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>Object.values(verses).map((verse)=>({ ...verse, pageNumber: verse.words[0].pageNumber })), [ verses ]); (0,_hooks_useQcfFont__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(quranFont, tafsirVerses); const words = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>verses.map((verse)=>(0,_utils_verse__WEBPACK_IMPORTED_MODULE_6__/* .getVerseWords */ .LQ)(verse)).flat(), [ verses ]); return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Verse_PlainVerseText__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { fontScale: fontScale, words: words }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VerseTextPreview); /***/ }), /***/ 97226: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _redux_slices_QuranReader_font_faces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25742); /* harmony import */ var _utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64198); /** * A hook that detects whether a font of a specific page * has been loaded or not. * * @param {number} pageNumber * @param {QuranFont} quranFont * @returns {boolean} */ const useIsFontLoaded = (pageNumber, quranFont)=>{ const loadedFonts = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(_redux_slices_QuranReader_font_faces__WEBPACK_IMPORTED_MODULE_2__/* .selectLoadedFontFaces */ .$Z); const isFontLoaded = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>{ if (!(0,_utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__/* .isQCFFont */ .Fy)(quranFont)) { return true; } return loadedFonts.includes(`p${pageNumber}-${quranFont.replace("code_", "")}`); }, [ loadedFonts, pageNumber, quranFont ]); return isFontLoaded; }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useIsFontLoaded); /***/ }), /***/ 21044: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": () => (/* binding */ Verse_PlainVerseText) }); // EXTERNAL MODULE: external "react/jsx-runtime" var jsx_runtime_ = __webpack_require__(20997); // EXTERNAL MODULE: external "react" var external_react_ = __webpack_require__(16689); // EXTERNAL MODULE: external "classnames" var external_classnames_ = __webpack_require__(59003); var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_); // EXTERNAL MODULE: external "react-redux" var external_react_redux_ = __webpack_require__(6022); // EXTERNAL MODULE: ./src/components/Verse/VerseText.module.scss var VerseText_module = __webpack_require__(29702); var VerseText_module_default = /*#__PURE__*/__webpack_require__.n(VerseText_module); // EXTERNAL MODULE: ./src/components/Verse/PlainVerseText/PlainVerseTextWord/PlainVerseTextWord.module.scss var PlainVerseTextWord_module = __webpack_require__(49103); var PlainVerseTextWord_module_default = /*#__PURE__*/__webpack_require__.n(PlainVerseTextWord_module); // EXTERNAL MODULE: ./src/components/dls/InlineWordByWord/index.tsx var InlineWordByWord = __webpack_require__(77296); ;// CONCATENATED MODULE: ./src/components/Verse/PlainVerseText/PlainVerseTextWord/index.tsx const PlainVerseTextWord = ({ word , children , shouldShowWordByWordTransliteration , shouldShowWordByWordTranslation , })=>{ return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", { className: (PlainVerseTextWord_module_default()).plainVerseWordContainer, children: [ children, shouldShowWordByWordTranslation && /*#__PURE__*/ jsx_runtime_.jsx(InlineWordByWord/* default */.Z, { className: (PlainVerseTextWord_module_default()).plainVerseWbwText, text: word?.translation?.text }), shouldShowWordByWordTransliteration && /*#__PURE__*/ jsx_runtime_.jsx(InlineWordByWord/* default */.Z, { className: (PlainVerseTextWord_module_default()).plainVerseWbwText, text: word?.transliteration?.text }) ] }, word.location); }; /* harmony default export */ const PlainVerseText_PlainVerseTextWord = (PlainVerseTextWord); // EXTERNAL MODULE: ./src/components/QuranReader/hooks/useIsFontLoaded.ts var useIsFontLoaded = __webpack_require__(97226); // EXTERNAL MODULE: ./src/components/dls/QuranWord/GlyphWord.tsx + 1 modules var GlyphWord = __webpack_require__(72214); // EXTERNAL MODULE: ./src/components/dls/QuranWord/TajweedWordImage.tsx var TajweedWordImage = __webpack_require__(28542); // EXTERNAL MODULE: ./src/components/dls/QuranWord/TextWord.tsx var TextWord = __webpack_require__(72816); // EXTERNAL MODULE: ./src/redux/slices/QuranReader/styles.ts var styles = __webpack_require__(62093); // EXTERNAL MODULE: ./src/utils/fontFaceHelper.ts var fontFaceHelper = __webpack_require__(64198); // EXTERNAL MODULE: ./types/QuranReader.ts var QuranReader = __webpack_require__(50467); ;// CONCATENATED MODULE: ./src/components/Verse/PlainVerseText/index.tsx /** * A component to only show the verse text without extra functionalities such as ayah * highlighting when audio is playing or showing a tooltip when * hovering over a verse or showing the word by word translation/transliteration. * * @param {Props} param0 * @returns {JSX.Element} */ const PlainVerseText = ({ words , shouldShowWordByWordTranslation =false , shouldShowWordByWordTransliteration =false , fontScale })=>{ const { quranFont , quranTextFontScale , mushafLines } = (0,external_react_redux_.useSelector)(styles/* selectQuranReaderStyles */.Pt, external_react_redux_.shallowEqual); const isQcfFont = (0,fontFaceHelper/* isQCFFont */.Fy)(quranFont); const isFontLoaded = (0,useIsFontLoaded/* default */.Z)(words[0].pageNumber, quranFont); return /*#__PURE__*/ jsx_runtime_.jsx("div", { className: external_classnames_default()((VerseText_module_default()).verseTextContainer, (VerseText_module_default()).tafsirOrTranslationMode, { [(VerseText_module_default())[(0,fontFaceHelper/* getFontClassName */.bZ)(quranFont, fontScale || quranTextFontScale, mushafLines)]]: quranFont !== QuranReader/* QuranFont.Tajweed */.fr.Tajweed }), children: /*#__PURE__*/ jsx_runtime_.jsx("div", { className: external_classnames_default()((VerseText_module_default()).verseText, (VerseText_module_default()).verseTextWrap), translate: "no", children: words?.map((word)=>{ if (isQcfFont) { return /*#__PURE__*/ jsx_runtime_.jsx(PlainVerseText_PlainVerseTextWord, { word: word, shouldShowWordByWordTranslation: shouldShowWordByWordTranslation, shouldShowWordByWordTransliteration: shouldShowWordByWordTransliteration, children: /*#__PURE__*/ jsx_runtime_.jsx(GlyphWord/* default */.Z, { font: quranFont, qpcUthmaniHafs: word.qpcUthmaniHafs, pageNumber: word.pageNumber, textCodeV1: word.codeV1, textCodeV2: word.codeV2, isFontLoaded: isFontLoaded }) }, word.location); } if (quranFont === QuranReader/* QuranFont.Tajweed */.fr.Tajweed) { return /*#__PURE__*/ jsx_runtime_.jsx(PlainVerseText_PlainVerseTextWord, { word: word, shouldShowWordByWordTranslation: shouldShowWordByWordTranslation, shouldShowWordByWordTransliteration: shouldShowWordByWordTransliteration, children: /*#__PURE__*/ jsx_runtime_.jsx(TajweedWordImage/* default */.Z, { path: word.text, alt: word.textUthmani }, word.location) }, word.location); } return /*#__PURE__*/ jsx_runtime_.jsx(PlainVerseText_PlainVerseTextWord, { word: word, shouldShowWordByWordTranslation: shouldShowWordByWordTranslation, shouldShowWordByWordTransliteration: shouldShowWordByWordTransliteration, children: /*#__PURE__*/ jsx_runtime_.jsx(TextWord/* default */.Z, { font: quranFont, text: word.text, charType: word.charTypeName }) }, word.location); }) }) }); }; /* harmony default export */ const Verse_PlainVerseText = (PlainVerseText); /***/ }), /***/ 77296: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(76700); /* harmony import */ var _InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(62093); const FONT_SIZE_CLASS_MAP = { 1: (_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xs), 2: (_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().sm), 3: (_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().md), 4: (_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().lg), 5: (_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl), 6: (_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xxl) }; const InlineWordByWord = ({ text , className })=>{ const wordByWordFontScale = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_4__/* .selectWordByWordFontScale */ .KV, react_redux__WEBPACK_IMPORTED_MODULE_3__.shallowEqual); return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", { className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_InlineWordByWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().word), className, FONT_SIZE_CLASS_MAP[wordByWordFontScale]), children: text }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InlineWordByWord); /***/ }), /***/ 72214: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": () => (/* binding */ QuranWord_GlyphWord) }); // EXTERNAL MODULE: external "react/jsx-runtime" var jsx_runtime_ = __webpack_require__(20997); // EXTERNAL MODULE: external "classnames" var external_classnames_ = __webpack_require__(59003); var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_); // EXTERNAL MODULE: external "react-redux" var external_react_redux_ = __webpack_require__(6022); // EXTERNAL MODULE: ./src/components/dls/QuranWord/GlyphWord.module.scss var GlyphWord_module = __webpack_require__(26864); var GlyphWord_module_default = /*#__PURE__*/__webpack_require__.n(GlyphWord_module); // EXTERNAL MODULE: ./src/redux/slices/QuranReader/styles.ts var styles = __webpack_require__(62093); // EXTERNAL MODULE: ./src/utils/isClient.ts var utils_isClient = __webpack_require__(7522); ;// CONCATENATED MODULE: ./src/utils/device-detector.ts const isMacOs = ()=>{ if (!isClient) { return false; } return window.navigator.userAgent.search("Mac") !== -1; }; const isAppleDevice = ()=>{ if (!isClient) { return false; } const isOSX = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform); return isOSX || isMacOs(); }; const isAppleWebKit = ()=>{ const { userAgent } = navigator; return /AppleWebKit/.test(userAgent) && /Mobile/.test(userAgent); }; const isFirefox = ()=>{ if (!utils_isClient/* default */.Z) { return false; } const { userAgent } = navigator; return userAgent.toLowerCase().includes("firefox"); }; // EXTERNAL MODULE: ./src/utils/fontFaceHelper.ts var fontFaceHelper = __webpack_require__(64198); // EXTERNAL MODULE: ./types/QuranReader.ts var QuranReader = __webpack_require__(50467); ;// CONCATENATED MODULE: ./src/components/dls/QuranWord/GlyphWord.tsx /* eslint-disable react/no-danger */ /** * Get the text of the verse's word. This is used to show textUthmani as a fallback * until V1/V2 font faces of the current word's page (e.g. p1-v1 or p50-v2) has finished downloading. * * @param {string} qpcUthmaniHafs * @param {string} textCodeV1 * @param {string} textCodeV2 * @param {QuranFont} font * @param {boolean} isFontLoaded * @returns {string} */ const getWordText = (qpcUthmaniHafs, textCodeV1, textCodeV2, font, isFontLoaded)=>{ if (!isFontLoaded) { return qpcUthmaniHafs; } return font === QuranReader/* QuranFont.MadaniV1 */.fr.MadaniV1 ? textCodeV1 : textCodeV2; }; const GlyphWord = ({ qpcUthmaniHafs , textCodeV1 , textCodeV2 , pageNumber , font , isFontLoaded })=>{ const { quranTextFontScale , mushafLines } = (0,external_react_redux_.useSelector)(styles/* selectQuranReaderStyles */.Pt, external_react_redux_.shallowEqual); // The extra space before the glyph should only be added where the issue occurs, // which is in firefox with the Madani V1 Mushaf and the font scale is less than 6 const addExtraSpace = isFirefox() && font === QuranReader/* QuranFont.MadaniV1 */.fr.MadaniV1 && quranTextFontScale < 6; return /*#__PURE__*/ jsx_runtime_.jsx("span", { dangerouslySetInnerHTML: { __html: `${addExtraSpace ? ` ` : ``}${getWordText(qpcUthmaniHafs, textCodeV1, textCodeV2, font, isFontLoaded)}` }, "data-font-scale": quranTextFontScale, "data-font": font, className: external_classnames_default()((GlyphWord_module_default()).styledWord, { [(GlyphWord_module_default()).wordSpacing]: addExtraSpace, [(GlyphWord_module_default()).fallbackText]: !isFontLoaded, [(GlyphWord_module_default())[(0,fontFaceHelper/* getFontClassName */.bZ)(QuranReader/* FALLBACK_FONT */.v3, quranTextFontScale, mushafLines, true)]]: !isFontLoaded }), ...isFontLoaded && { style: { fontFamily: `p${pageNumber}-${font.replace("code_", "")}` } } }); }; /* harmony default export */ const QuranWord_GlyphWord = (GlyphWord); /***/ }), /***/ 28542: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12464); /* harmony import */ var _TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var _redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(62093); /* harmony import */ var _utils_cdn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(17339); /* eslint-disable @next/next/no-img-element */ const FONT_SIZE_CLASS_MAP = { 1: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xs), 2: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().sm), 3: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().md), 4: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().lg), 5: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl), 6: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl2), 7: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl3), 8: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl4), 9: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl5), 10: (_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().xl6) }; const TajweedWord = ({ path , alt })=>{ const { quranTextFontScale } = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(_redux_slices_QuranReader_styles__WEBPACK_IMPORTED_MODULE_4__/* .selectQuranReaderStyles */ .Pt); return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", { className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_TajweedWordImage_module_scss__WEBPACK_IMPORTED_MODULE_5___default().imageContainer), FONT_SIZE_CLASS_MAP[quranTextFontScale]), children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("img", { src: `${(0,_utils_cdn__WEBPACK_IMPORTED_MODULE_6__/* .makeCDNUrl */ .Kr)(`images/${path}`)}`, alt: alt }) }); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TajweedWord); /***/ }), /***/ 72816: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var humps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59606); /* harmony import */ var humps__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(humps__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _TextWord_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23975); /* harmony import */ var _TextWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_TextWord_module_scss__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var types_Word__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42217); const DEFAULT_FONT_FAMILY = "UthmanicHafs"; const INDO_PAK = "IndoPak"; const UTHMANI_HAFS_FONTS = (0,humps__WEBPACK_IMPORTED_MODULE_3__.decamelizeKeys)({ qpcUthmaniHafs: DEFAULT_FONT_FAMILY, textIndopak: INDO_PAK }); const TextWord = ({ text , font , charType })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", { className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_TextWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default().word), { [(_TextWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default())[DEFAULT_FONT_FAMILY]]: charType === types_Word__WEBPACK_IMPORTED_MODULE_4__/* .CharType.End */ .H.End || !UTHMANI_HAFS_FONTS[font] || UTHMANI_HAFS_FONTS[font] === DEFAULT_FONT_FAMILY, [(_TextWord_module_scss__WEBPACK_IMPORTED_MODULE_5___default())[INDO_PAK]]: UTHMANI_HAFS_FONTS[font] === INDO_PAK }), children: text }); /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TextWord); /***/ }), /***/ 38102: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022); /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _redux_slices_QuranReader_font_faces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25742); /* harmony import */ var _utils_array__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5639); /* harmony import */ var _utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64198); /* harmony import */ var types_QuranReader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50467); /** * This hook manually request the browser to download the font for each page * of QCF's V1 and V2 Mushafs. After each resource has been downloaded, we * store it in redux so that VerseText can use it to determine whether the fallback * text and font should be font or not. * * Notes, loaded font is reset every time the user switch the font * see src/components/Navbar/SettingsDrawer/QuranFontSection.tsx * * @param {QuranFont} quranFont * @param {Verse[]} verses */ const useQcfFont = (quranFont, verses)=>{ const currentlyFetchingFonts = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]); const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(); const isFontQCF = (0,_utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__/* .isQCFFont */ .Fy)(quranFont); const loadedFonts = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(_redux_slices_QuranReader_font_faces__WEBPACK_IMPORTED_MODULE_2__/* .selectLoadedFontFaces */ .$Z); const onFontLoaded = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((fontFace)=>{ dispatch((0,_redux_slices_QuranReader_font_faces__WEBPACK_IMPORTED_MODULE_2__/* .addLoadedFontFace */ .wC)(fontFace)); }, [ dispatch ]); // listen to changes in verses (this is due to infinite scrolling fetching more verses). (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{ if (isFontQCF && verses.length > 0) { // loop through unique page numbers of the current verses (0,_utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__/* .getPagesByVerses */ .AX)(verses).forEach((pageNumber)=>{ const isV1 = quranFont === types_QuranReader__WEBPACK_IMPORTED_MODULE_4__/* .QuranFont.MadaniV1 */ .fr.MadaniV1; const fontFaceName = (0,_utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__/* .getFontFaceNameForPage */ .r$)(isV1, pageNumber); const fontFace = new FontFace(fontFaceName, (0,_utils_fontFaceHelper__WEBPACK_IMPORTED_MODULE_3__/* .getV1OrV2FontFaceSource */ .nA)(isV1, pageNumber)); // we only want to load fonts that were not loaded and also are not currently being loaded if (!currentlyFetchingFonts.current.includes(fontFaceName) && !loadedFonts.includes(fontFaceName)) { currentlyFetchingFonts.current = [ ...currentlyFetchingFonts.current, fontFaceName ]; fontFace.display = "block"; document.fonts.add(fontFace); // load the font-face programmatically fontFace.load().then(()=>{ // store the font face in Redux slice onFontLoaded(fontFaceName); }).finally(()=>{ // whether we failed or succeeded to fetch the fontFace, we remove it from currently fetching array currentlyFetchingFonts.current = (0,_utils_array__WEBPACK_IMPORTED_MODULE_5__/* .removeItemFromArray */ .sj)(fontFaceName, currentlyFetchingFonts.current); }); } }); } }, [ quranFont, verses, loadedFonts, isFontQCF, currentlyFetchingFonts, onFontLoaded ]); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useQcfFont); /***/ }), /***/ 17339: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "Kr": () => (/* binding */ makeCDNUrl) /* harmony export */ }); /* unused harmony exports CDN_HOST, CDN_ASSETS_VERSION */ const CDN_HOST = "https://static.qurancdn.com"; const CDN_ASSETS_VERSION = "1"; /** * Generate versioned URL of static asset * * @param {string} path the path of static asset * @returns {string} */ const makeCDNUrl = (path)=>{ return `${CDN_HOST}/${path}?v=${CDN_ASSETS_VERSION}`; }; /***/ }), /***/ 64198: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "AX": () => (/* binding */ getPagesByVerses), /* harmony export */ "Fy": () => (/* binding */ isQCFFont), /* harmony export */ "bZ": () => (/* binding */ getFontClassName), /* harmony export */ "nA": () => (/* binding */ getV1OrV2FontFaceSource), /* harmony export */ "oj": () => (/* binding */ getLineWidthClassName), /* harmony export */ "r$": () => (/* binding */ getFontFaceNameForPage) /* harmony export */ }); /* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(64042); /* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_range__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var types_QuranReader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50467); const QCFFontCodes = [ types_QuranReader__WEBPACK_IMPORTED_MODULE_1__/* .QuranFont.MadaniV1 */ .fr.MadaniV1, types_QuranReader__WEBPACK_IMPORTED_MODULE_1__/* .QuranFont.MadaniV2 */ .fr.MadaniV2 ]; const isQCFFont = (font)=>QCFFontCodes.includes(font); /** * Get the page numbers of a group of verses by getting * the page number of the first verse, the page number of the last verse * and generating the range between both of them. * * @param {Verse[]} verses * @returns {number[]} */ const getPagesByVerses = (verses)=>{ const firstPage = verses[0].pageNumber; const lastPage = verses[verses.length - 1].pageNumber; return lodash_range__WEBPACK_IMPORTED_MODULE_0___default()(firstPage, lastPage + 1); }; /** * A function that will return the value of the src of QCF's font V1 and V2. * This will be used when we create a new instance of FontFace inside useQcfFont * hook. * * @param {boolean} isV1 * @param {number} pageNumber * @returns {string} */ const getV1OrV2FontFaceSource = (isV1, pageNumber)=>{ const pageName = String(pageNumber).padStart(3, "0"); if (isV1) { const woff2 = `/fonts/quran/hafs/v1/woff2/p${pageNumber}.woff2`; const woff = `/fonts/quran/hafs/v1/woff/p${pageNumber}.woff`; const ttf = `/fonts/quran/hafs/v1/ttf/p${pageNumber}.ttf`; return `local(QCF_P${pageName}), url('${woff2}') format('woff2'), url('${woff}') format('woff'), url('${ttf}') format('truetype')`; } const woff21 = `/fonts/quran/hafs/v2/woff2/p${pageNumber}.woff2`; const woff1 = `/fonts/quran/hafs/v2/woff/p${pageNumber}.woff`; const ttf1 = `/fonts/quran/hafs/v2/ttf/p${pageNumber}.ttf`; return `local(QCF2${pageName}), url('${woff21}') format('woff2'), url('${woff1}') format('woff'), url('${ttf1}') format('truetype')`; }; /** * A function that will return the value of the font-face of QCF's font V1 and V2. * This will be used when we create a new instance of FontFace inside useQcfFont * hook. * * @param {boolean} isV1 * @param {number} pageNumber * @returns {string} */ const getFontFaceNameForPage = (isV1, pageNumber)=>isV1 ? `p${pageNumber}-v1` : `p${pageNumber}-v2`; /** * Dynamically generate the className of the combination between the font * name + size + mushafLines(when its Indopak) that will match the output of * generate-font-scales function inside {@see _utility.scss}. * * @param {QuranFont} quranFont * @param {number} fontScale * @param {MushafLines} mushafLines * @param {boolean} isFallbackFont * @returns {string} */ const getFontClassName = (quranFont, fontScale, mushafLines, isFallbackFont = false)=>{ if (quranFont === types_QuranReader__WEBPACK_IMPORTED_MODULE_1__/* .QuranFont.IndoPak */ .fr.IndoPak) { return `${quranFont}_${mushafLines}-font-size-${fontScale}`; } return isFallbackFont ? `fallback_${quranFont}-font-size-${fontScale}` : `${quranFont}-font-size-${fontScale}`; }; /** * Dynamically generate the className of the combination between the font * name + size that will match the output of * generate-font-scales function inside {@see _utility.scss}. * * @param {QuranFont} quranFont * @param {number} fontScale * @param {MushafLines} mushafLines * @param {boolean} isFallbackFont * @returns {string} */ const getLineWidthClassName = (quranFont, fontScale, mushafLines, isFallbackFont = false)=>{ if (quranFont === types_QuranReader__WEBPACK_IMPORTED_MODULE_1__/* .QuranFont.IndoPak */ .fr.IndoPak) { return `${quranFont}_${mushafLines}-line-width-${fontScale}`; } return isFallbackFont ? `fallback_${quranFont}-line-width-${fontScale}` : `${quranFont}-line-width-${fontScale}`; }; /***/ }), /***/ 42217: /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "H": () => (/* binding */ CharType) /* harmony export */ }); var CharType; (function(CharType) { CharType["Word"] = "word"; CharType["End"] = "end"; CharType["Pause"] = "pause"; CharType["Sajdah"] = "sajdah"; CharType["RubElHizb"] = "rub-el-hizb"; })(CharType || (CharType = {})); /***/ }) }; ; //# sourceMappingURL=57072.js.map