| 1 |
- {"version":3,"file":"80695.js","mappings":";;;;;;;;;;;;;AAAA;AACA,sBAAsB,wEAAwE,gBAAgB,sBAAsB,OAAO,sBAAsB,oBAAoB,gDAAgD,WAAW;AACjN;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,iEAAe,cAAc;;;;;;;ACjB7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;ACPA,0DAA0D,GAC1D,wDAAwD,GACxD;AAAmD;AAEiB;AAChC;AAEW;IAkBxC,oBAGN;UAHWM,oBAAoB;IAApBA,oBAAoB,CAC9BC,MAAI,IAAG,MAAM;IADHD,oBAAoB,CAE9BE,OAAK,IAAG,OAAO;GAFLF,oBAAoB,KAApBA,oBAAoB;AAKhC,MAAMG,WAAW,GAAG,CAAC,EACnBC,aAAa,EAAG,KAAK,GACrBC,MAAM,GACNC,KAAK,GACLC,MAAM,GACNC,QAAQ,GACRC,0BAA0B,GAC1BC,UAAU,GACVC,YAAY,GACZC,SAAS,EAAGZ,oBAAoB,CAACC,IAAI,GAC/B,GAAK;IACX,MAAM,KAACY,MAAM,MAAEC,SAAS,MAAIlB,+CAAQ,CAACQ,aAAa,CAAC;IAEnDT,gDAAS,CAAC,IAAM;QACdmB,SAAS,CAACJ,UAAU,CAAC,CAAC;IACxB,CAAC,EAAE;QAACA,UAAU;KAAC,CAAC,CAAC;IAEjB,MAAMK,eAAe,GAAG,CAACC,CAAC,GAAK;QAC7BA,CAAC,CAACC,cAAc,EAAE,CAAC;QACnBD,CAAC,CAACE,eAAe,EAAE,CAAC;IACtB,CAAC;IAED,MAAMC,eAAe,GAAG,IAAML,SAAS,CAAC,CAACM,QAAQ,GAAK,CAACA,QAAQ,CAAC;IAEhE,qBACE,wDAACvB,6DAAyB;QAACc,YAAY,EAAEA,YAAY;QAAEW,IAAI,EAAET,MAAM;;0BACjE,mDAAChB,gEAA4B;gBAAC2B,OAAO;0BACnC,iEAACC,KAAG;oBAACC,SAAS,EAAE3B,wEAAa;oBAAE6B,OAAO,EAAET,eAAe;8BACpDP,SAAS,KAAKZ,oBAAoB,CAACC,IAAI,iBACtC;;0CACE,wDAACwB,KAAG;gCAACC,SAAS,EAAE3B,4EAAiB;;kDAC/B,mDAAC0B,KAAG;wCACFC,SAAS,EAAE5B,iDAAU,CAACC,iFAAsB,EAAE;4CAC5C,CAACA,+EAAoB,CAAC,EAAEU,0BAA0B,IAAII,MAAM;yCAC7D,CAAC;kDAEDR,MAAM;sCACH;oCACLC,KAAK;;8BACF;0CACN,mDAACmB,KAAG;gCAACC,SAAS,EAAE3B,iFAAsB;gCAAE6B,OAAO,EAAEb,eAAe;0CAC7DR,MAAM;8BACH;;sBACL,iBAEH;;0CACE,mDAACkB,KAAG;gCAACC,SAAS,EAAE3B,4EAAiB;0CAAGO,KAAK;8BAAO;0CAChD,mDAACmB,KAAG;gCACFC,SAAS,EAAE5B,iDAAU,CAACC,iFAAsB,EAAE;oCAC5C,CAACA,+EAAoB,CAAC,EAAEU,0BAA0B,IAAII,MAAM;iCAC7D,CAAC;0CAEDR,MAAM;8BACH;;sBACL;kBAED;cACuB;0BAC/B,mDAACR,2EAAuC;0BACrCgB,MAAM,IAAIL,QAAQ,CAAC;oBAAEK,MAAM;iBAAE,CAAC;cACS;;MAChB,CAC5B;AACJ,CAAC;AAED,iEAAeV,WAAW,EAAC","sources":["webpack://quran.com/./public/icons/chevron-down.svg","webpack://quran.com/./src/components/RamadanActivity/RamadanActivityHero/Hero.module.scss","webpack://quran.com/./src/components/dls/Collapsible/Collapsible.module.scss","webpack://quran.com/./src/components/dls/Collapsible/Collapsible.tsx"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nvar SvgChevronDown = function SvgChevronDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 15,\n height: 15,\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n })));\n};\nexport default SvgChevronDown;","// Exports\nmodule.exports = {\n\t\"container\": \"Hero_container__MwEz4\",\n\t\"rowContainer\": \"Hero_rowContainer__txyaV\",\n\t\"row\": \"Hero_row__3_Icm\",\n\t\"header\": \"Hero_header__DT50D\",\n\t\"desc\": \"Hero_desc__gLk4u\"\n};\n","// Exports\nmodule.exports = {\n\t\"header\": \"Collapsible_header__CmhJq\",\n\t\"headerLeft\": \"Collapsible_headerLeft__Xh00n\",\n\t\"prefixContainer\": \"Collapsible_prefixContainer__AVHUT\",\n\t\"prefixRotated\": \"Collapsible_prefixRotated__bjKLn\",\n\t\"suffixContainer\": \"Collapsible_suffixContainer__uZ1IW\"\n};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { useEffect, useState } from 'react';\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport classNames from 'classnames';\n\nimport styles from './Collapsible.module.scss';\n\ntype ChildrenRenderProps = {\n isOpen: boolean;\n};\n\ntype Props = {\n title?: React.ReactNode;\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n children: ({ isOpen }: ChildrenRenderProps) => React.ReactNode;\n isDefaultOpen?: boolean;\n shouldOpen?: boolean;\n shouldRotatePrefixOnToggle?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n direction?: CollapsibleDirection;\n};\n\nexport enum CollapsibleDirection {\n Left = 'left',\n Right = 'right',\n}\n\nconst Collapsible = ({\n isDefaultOpen = false,\n prefix,\n title,\n suffix,\n children,\n shouldRotatePrefixOnToggle,\n shouldOpen,\n onOpenChange,\n direction = CollapsibleDirection.Left,\n}: Props) => {\n const [isOpen, setIsOpen] = useState(isDefaultOpen);\n\n useEffect(() => {\n setIsOpen(shouldOpen);\n }, [shouldOpen]);\n\n const onSuffixClicked = (e) => {\n e.preventDefault();\n e.stopPropagation();\n };\n\n const onHeaderClicked = () => setIsOpen((preValue) => !preValue);\n\n return (\n <CollapsiblePrimitive.Root onOpenChange={onOpenChange} open={isOpen}>\n <CollapsiblePrimitive.Trigger asChild>\n <div className={styles.header} onClick={onHeaderClicked}>\n {direction === CollapsibleDirection.Left ? (\n <>\n <div className={styles.headerLeft}>\n <div\n className={classNames(styles.prefixContainer, {\n [styles.prefixRotated]: shouldRotatePrefixOnToggle && isOpen,\n })}\n >\n {prefix}\n </div>\n {title}\n </div>\n <div className={styles.suffixContainer} onClick={onSuffixClicked}>\n {suffix}\n </div>\n </>\n ) : (\n <>\n <div className={styles.headerLeft}>{title}</div>\n <div\n className={classNames(styles.prefixContainer, {\n [styles.prefixRotated]: shouldRotatePrefixOnToggle && isOpen,\n })}\n >\n {prefix}\n </div>\n </>\n )}\n </div>\n </CollapsiblePrimitive.Trigger>\n <CollapsiblePrimitive.CollapsibleContent>\n {isOpen && children({ isOpen })}\n </CollapsiblePrimitive.CollapsibleContent>\n </CollapsiblePrimitive.Root>\n );\n};\n\nexport default Collapsible;\n"],"names":["React","useEffect","useState","CollapsiblePrimitive","classNames","styles","CollapsibleDirection","Left","Right","Collapsible","isDefaultOpen","prefix","title","suffix","children","shouldRotatePrefixOnToggle","shouldOpen","onOpenChange","direction","isOpen","setIsOpen","onSuffixClicked","e","preventDefault","stopPropagation","onHeaderClicked","preValue","Root","open","Trigger","asChild","div","className","header","onClick","headerLeft","prefixContainer","prefixRotated","suffixContainer","CollapsibleContent"],"sourceRoot":""}
|
