| 1 |
- {"version":3,"file":"21550.js","mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;ACRA;AAEoC;AACL;AAES;AAEoB;IAErD,QAGN;UAHWK,QAAQ;IAARA,QAAQ,CAClBC,QAAM,IAAG,QAAQ;IADPD,QAAQ,CAElBE,OAAK,IAAG,OAAO;GAFLF,QAAQ,KAARA,QAAQ;AAqBpB,MAAMG,IAAI,GAAG,CAAC,EACZC,IAAI,GACJC,KAAK,GACLC,WAAW,GACXC,UAAU,GACVC,MAAM,GACNC,UAAU,GACVC,MAAM,GACNC,mBAAmB,EAAG,IAAI,GAC1BC,iBAAiB,GACjBC,SAAS,GACTC,mBAAmB,EAAG,KAAK,GAC3BC,SAAS,GACTC,OAAO,GACG,GAAK;IACf,qBACE,wDAACC,KAAG;QACFJ,SAAS,EAAElB,iDAAU,CAACkB,SAAS,EAAEhB,oEAAgB,EAAE;YACjD,CAACA,gEAAY,CAAC,EAAEO,IAAI,KAAKJ,QAAQ,CAACE,KAAK;YACvC,CAACL,iEAAa,CAAC,EAAEO,IAAI,KAAKJ,QAAQ,CAACC,MAAM;SAC1C,CAAC;;0BAEF,wDAACgB,KAAG;gBACFJ,SAAS,EAAElB,iDAAU,CAACE,yEAAqB,CAAC;gBAC5CyB,IAAI,EAAC,QAAQ;gBACbC,QAAQ,EAAE,CAAC;gBACXC,UAAU,EAAEjB,UAAU;gBACtBkB,OAAO,EAAElB,UAAU;;oBAElBC,MAAM,kBAAI,mDAACZ,mDAAK;wBAAC8B,GAAG,EAAEhB,MAAM;wBAAEG,SAAS,EAAEhB,8DAAU;wBAAE+B,GAAG,EAAEpB,MAAM;wBAAEqB,MAAM,EAAC,MAAM;sBAAG;oBAElFpB,UAAU,kBACT,mDAACQ,KAAG;wBAACJ,SAAS,EAAEhB,mFAA+B;wBAAEkC,YAAU,EAAC,MAAM;kCAC/DtB,UAAU;sBACP;;cAEJ;0BACN,wDAACQ,KAAG;gBAACJ,SAAS,EAAEhB,wEAAoB;;kCAClC,wDAACoB,KAAG;wBAACJ,SAAS,EAAEhB,yEAAqB;;0CACnC,mDAACoB,KAAG;gCACFJ,SAAS,EAAElB,iDAAU,CAAC;oCACpB,CAACE,gEAAY,CAAC,EAAE,CAACiB,mBAAmB;iCACrC,CAAC;0CAEDT,KAAK;8BACF;0CACN,mDAACY,KAAG;gCAACJ,SAAS,EAAEhB,sEAAkB;0CAAGS,WAAW;8BAAO;;sBACnD;oBACLF,IAAI,KAAKJ,QAAQ,CAACE,KAAK,IAAIO,UAAU,kBACpC,mDAACX,oEAAM;wBACL2B,OAAO,EAAE,IAAM;4BACb,IAAIb,iBAAiB,EAAEA,iBAAiB,EAAE,CAAC;wBAC7C,CAAC;wBACDC,SAAS,EAAEhB,4EAAwB;wBACnCsC,OAAO,EAAEpC,mFAAmB;wBAC5BsC,eAAe,EAAE1B,mBAAmB;wBACpCK,OAAO,EAAEA,OAAO;wBAChBD,SAAS,EAAEA,SAAS;kCAEnBN,UAAU;sBACJ;;cAEP;;MACF,CACN;AACJ,CAAC;AAED,iEAAeN,IAAI,EAAC","sources":["webpack://quran.com/./src/components/dls/Card/Card.module.scss","webpack://quran.com/./src/pages/index.module.scss","webpack://quran.com/./src/components/dls/Card/Card.tsx"],"sourcesContent":["// Exports\nmodule.exports = {\n\t\"container\": \"Card_container__7W1p2\",\n\t\"large\": \"Card_large__7cD4G\",\n\t\"medium\": \"Card_medium__WKx2o\",\n\t\"imageContainer\": \"Card_imageContainer__QDTmv\",\n\t\"bodyContainer\": \"Card_bodyContainer__RLoL2\",\n\t\"textsContainer\": \"Card_textsContainer__Qfmez\",\n\t\"title\": \"Card_title__1EtMk\",\n\t\"description\": \"Card_description__fNtqy\",\n\t\"img\": \"Card_img__ahjCx\",\n\t\"cardHoverEffectContainer\": \"Card_cardHoverEffectContainer__N5U8L\"\n};\n","// Exports\nmodule.exports = {\n\t\"pageContainer\": \"index_pageContainer__Pxtn3\",\n\t\"loadingContainer\": \"index_loadingContainer__WEZFc\",\n\t\"flow\": \"index_flow__rCTR5\",\n\t\"flowItem\": \"index_flowItem__GnXWz\",\n\t\"additionalVerticalGap\": \"index_additionalVerticalGap__nzYz6\",\n\t\"fullWidth\": \"index_fullWidth__1n4ux\"\n};\n","import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport Image from 'next/image';\n\nimport styles from './Card.module.scss';\n\nimport Button, { ButtonVariant } from '@/dls/Button/Button';\n\nexport enum CardSize {\n Medium = 'medium',\n Large = 'large',\n}\n\ntype CardProps = {\n size: CardSize;\n title: React.ReactNode;\n description?: React.ReactNode;\n onImgClick?: () => void;\n imgSrc?: string;\n className?: string;\n imgAlt?: string;\n actionIcon?: ReactNode;\n shouldFlipIconOnRTL?: boolean;\n onActionIconClick?: () => void;\n shouldShowFullTitle?: boolean;\n ariaLabel?: string;\n tooltip?: string;\n};\n\nconst Card = ({\n size,\n title,\n description,\n onImgClick,\n imgSrc,\n actionIcon,\n imgAlt,\n shouldFlipIconOnRTL = true,\n onActionIconClick,\n className,\n shouldShowFullTitle = false,\n ariaLabel,\n tooltip,\n}: CardProps) => {\n return (\n <div\n className={classNames(className, styles.container, {\n [styles.large]: size === CardSize.Large,\n [styles.medium]: size === CardSize.Medium,\n })}\n >\n <div\n className={classNames(styles.imageContainer)}\n role=\"button\"\n tabIndex={0}\n onKeyPress={onImgClick}\n onClick={onImgClick}\n >\n {imgSrc && <Image alt={imgAlt} className={styles.img} src={imgSrc} layout=\"fill\" />}\n\n {actionIcon && (\n <div className={styles.cardHoverEffectContainer} data-theme=\"dark\">\n {actionIcon}\n </div>\n )}\n </div>\n <div className={styles.bodyContainer}>\n <div className={styles.textsContainer}>\n <div\n className={classNames({\n [styles.title]: !shouldShowFullTitle,\n })}\n >\n {title}\n </div>\n <div className={styles.description}>{description}</div>\n </div>\n {size === CardSize.Large && actionIcon && (\n <Button\n onClick={() => {\n if (onActionIconClick) onActionIconClick();\n }}\n className={styles.playIconContainer}\n variant={ButtonVariant.Ghost}\n shouldFlipOnRTL={shouldFlipIconOnRTL}\n tooltip={tooltip}\n ariaLabel={ariaLabel}\n >\n {actionIcon}\n </Button>\n )}\n </div>\n </div>\n );\n};\n\nexport default Card;\n"],"names":["classNames","Image","styles","Button","ButtonVariant","CardSize","Medium","Large","Card","size","title","description","onImgClick","imgSrc","actionIcon","imgAlt","shouldFlipIconOnRTL","onActionIconClick","className","shouldShowFullTitle","ariaLabel","tooltip","div","container","large","medium","imageContainer","role","tabIndex","onKeyPress","onClick","alt","img","src","layout","cardHoverEffectContainer","data-theme","bodyContainer","textsContainer","playIconContainer","variant","Ghost","shouldFlipOnRTL"],"sourceRoot":""}
|
