npm - @ledgerhq/react-ui - Versions diffs - 0.53.0 → 0.53.1-nightly.20260902021544 - Mend

@ledgerhq/react-ui 0.53.0 → 0.53.1-nightly.20260902021544

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (294) hide show

package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/Pagination/bullets.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx"],"sourcesContent":["export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility */\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n"],"names":["ItemStatus","React","animated","useSpring","useTheme","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle"],"mappings":";;;;AAAO,IAAKA,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLD;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;ACN0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGH,wCAAQA;IAE3B,MAAMI,cASF;QACF,CAACR,uBAAiB,CAAC,EAAE;YACnB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,uBAAiB,CAAC,EAAE;YACnB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,oBAAc,CAAC,EAAE;YAChB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,qBAAe,CAAC,EAAE;YACjB,GAAGK,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcR,mDAASA,CAACG,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACR,kDAAY,EAAM;QAAE,OAAOS;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/Pagination/bullets.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx"],"sourcesContent":["export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility */\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n"],"names":["ItemStatus","React","animated","useSpring","useTheme","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle"],"mappings":";;;;AAAO,IAAKA,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLD;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;ACN0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGH,wCAAQA;IAE3B,MAAMI,cASF;QACF,CAACR,uBAAiB,CAAC,EAAE;YACnB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,uBAAiB,CAAC,EAAE;YACnB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,oBAAc,CAAC,EAAE;YAChB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,qBAAe,CAAC,EAAE;YACjB,GAAGK,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcR,mDAASA,CAACG,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACR,kDAAY,EAAM;QAAE,OAAOS;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC"}

package/lib/cjs/components/layout/Carousel/Footer/Pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/Pagination/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","getItemStatus","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","styled","FooterCarouselBullets","Pagination","children","currentIndex","child","index"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;AC1Df,IAAKL,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMQ,gBAAgB,CAACC,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOZ,yCAAiB;IAC1B;IAEA,MAAMa,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOb,yCAAiB;IAC1B;IAEA,MAAMe,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASf,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;ACN0B;AACa;AAER;AACS;AAExC,MAAMiB,wBAAwBD,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAME,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACjB,oCAAMA;YAAC,KAAKgB,MAAM,GAAG;YAAE,MAAMb,yCAAaA,CAACc,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/Pagination/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","getItemStatus","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","styled","FooterCarouselBullets","Pagination","children","currentIndex","child","index"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;AC1Df,IAAKL,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMQ,gBAAgB,CAACC,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOZ,yCAAiB;IAC1B;IAEA,MAAMa,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOb,yCAAiB;IAC1B;IAEA,MAAMe,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASf,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;ACN0B;AACa;AAER;AACS;AAExC,MAAMiB,wBAAwBD,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAME,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACjB,oCAAMA;YAAC,KAAKgB,MAAM,GAAG;YAAE,MAAMb,yCAAaA,CAACc,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC"}

package/lib/cjs/components/layout/Carousel/Footer/Pagination/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/Pagination/types.js","sources":["webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n"],"names":["ItemStatus"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;ACNO,IAAKA,oCAAAA;;;;;WAAAA;MAKX"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/Pagination/types.js","sources":["webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n"],"names":["ItemStatus"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;ACNO,IAAKA,oCAAAA;;;;;WAAAA;MAKX"}

package/lib/cjs/components/layout/Carousel/Footer/Pagination/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/Pagination/utils.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts"],"sourcesContent":["export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ItemStatus } from \"./types\";\n\n/*\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n"],"names":["ItemStatus","getItemStatus","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge"],"mappings":";;;;AAAO,IAAKA,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLD;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;ACNqC;AAErC;;CAEC,GACM,MAAMC,gBAAgB,CAACC,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOL,yCAAiB;IAC1B;IAEA,MAAMM,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAON,yCAAiB;IAC1B;IAEA,MAAMQ,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASR,sCAAc,GAAGA,yCAAiB;AACpD,EAAE"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/Pagination/utils.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts"],"sourcesContent":["export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ItemStatus } from \"./types\";\n\n/*\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n"],"names":["ItemStatus","getItemStatus","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge"],"mappings":";;;;AAAO,IAAKA,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLD;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;ACNqC;AAErC;;CAEC,GACM,MAAMC,gBAAgB,CAACC,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOL,yCAAiB;IAC1B;IAEA,MAAMM,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAON,yCAAiB;IAC1B;IAEA,MAAMQ,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASR,sCAAc,GAAGA,yCAAiB;AACpD,EAAE"}

package/lib/cjs/components/layout/Carousel/Footer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n display: flex;\n justify-content: space-between;\n padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n return (\n <FooterContainer>\n <Pagination\n variant={variant}\n children={children}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n\n <FooterArrowsContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n <ArrowLeft size=\"S\" />\n </FooterArrowContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n <ArrowRight size=\"S\" />\n </FooterArrowContainer>\n </FooterArrowsContainer>\n </FooterContainer>\n );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n return (\n <FooterContainer>\n <Pagination {...props} />\n </FooterContainer>\n );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n \"content-card\": FooterContentCard,\n default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n if (props.children.length === 1) return null;\n\n const Component = Footers[props.variant];\n return <Component {...props} />;\n};\n\nexport default Footer;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant","FooterDefault","props","Footers","Footer","Component"],"mappings":"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"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n display: flex;\n justify-content: space-between;\n padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n return (\n <FooterContainer>\n <Pagination\n variant={variant}\n children={children}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n\n <FooterArrowsContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n <ArrowLeft size=\"S\" />\n </FooterArrowContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n <ArrowRight size=\"S\" />\n </FooterArrowContainer>\n </FooterArrowsContainer>\n </FooterContainer>\n );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n return (\n <FooterContainer>\n <Pagination {...props} />\n </FooterContainer>\n );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n \"content-card\": FooterContentCard,\n default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n if (props.children.length === 1) return null;\n\n const Component = Footers[props.variant];\n return <Component {...props} />;\n};\n\nexport default Footer;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant","FooterDefault","props","Footers","Footer","Component"],"mappings":"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"}

package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/variantContentCard.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n display: flex;\n justify-content: space-between;\n padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n return (\n <FooterContainer>\n <Pagination\n variant={variant}\n children={children}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n\n <FooterArrowsContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n <ArrowLeft size=\"S\" />\n </FooterArrowContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n <ArrowRight size=\"S\" />\n </FooterArrowContainer>\n </FooterArrowsContainer>\n </FooterContainer>\n );\n};\n\nexport default FooterContentCard;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;;;;;;;AC1DI;AACa;AAER;AACS;AAExC,MAAMK,wBAAwBF,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMG,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACV,oCAAMA;YAAC,KAAKS,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;;;ACrBnB,IAAKX,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMS,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOnB,yCAAiB;IAC1B;IAEA,MAAMoB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOpB,yCAAiB;IAC1B;IAEA,MAAMsB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAAStB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;ACNiE;AACvC;AACa;AACD;AAGtC,MAAMyB,kBAAkBjB,kDAAU,CAAC;;wBAEX,EAAEkB,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;;;;AAIjE,CAAC;AAED,MAAMC,wBAAwBnB,kDAAU,CAAC;;;;AAIzC,CAAC;AAED,MAAMoB,uBAAuBpB,kDAAU,CAAC;;;;AAIxC,CAAC;AAED,MAAMqB,oBAAoB,CAAC,EAAEjB,QAAQ,EAAEkB,QAAQ,EAAEjB,YAAY,EAAEkB,OAAO,EAAY;IAChF,qBACE,+CAACN,qCACC,+CAACd,uCAAUA;QACT,SAASoB;QACT,UAAUnB;QACV,UAAUkB;QACV,cAAcjB;sBAGhB,+CAACc,2CACC,+CAACC;QAAqB,SAAS,IAAME,UAAU;qBAC7C,+CAACP,mDAASA;QAAC,MAAK;uBAElB,+CAACK;QAAqB,SAAS,IAAME,UAAU;qBAC7C,+CAACN,oDAAUA;QAAC,MAAK;;AAK3B;AAEA,sDAAeK,iBAAiBA,EAAC"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/variantContentCard.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n display: flex;\n justify-content: space-between;\n padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n return (\n <FooterContainer>\n <Pagination\n variant={variant}\n children={children}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n\n <FooterArrowsContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n <ArrowLeft size=\"S\" />\n </FooterArrowContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n <ArrowRight size=\"S\" />\n </FooterArrowContainer>\n </FooterArrowsContainer>\n </FooterContainer>\n );\n};\n\nexport default FooterContentCard;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant"],"mappings":"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"}

package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/Footer/variantDefault.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n return (\n <FooterContainer>\n <Pagination {...props} />\n </FooterContainer>\n );\n};\n\nexport default FooterDefault;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContainer","FooterDefault","props"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;;;;;;;AC1DI;AACa;AAER;AACS;AAExC,MAAMK,wBAAwBF,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMG,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACV,oCAAMA;YAAC,KAAKS,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;;;ACrBnB,IAAKX,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMS,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOnB,yCAAiB;IAC1B;IAEA,MAAMoB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOpB,yCAAiB;IAC1B;IAEA,MAAMsB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAAStB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;ACN0B;AACa;AACD;AAGtC,MAAMuB,kBAAkBf,kDAAU,CAAC;;;;;AAKnC,CAAC;AAED,MAAMgB,gBAAgB,CAACC;IACrB,qBACE,+CAACF,qCACC,+CAACZ,uCAAUA,EAAKc;AAGtB;AAEA,sDAAeD,aAAaA,EAAC"}
1	+ {"version":3,"file":"components/layout/Carousel/Footer/variantDefault.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n return (\n <FooterContainer>\n <Pagination {...props} />\n </FooterContainer>\n );\n};\n\nexport default FooterDefault;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContainer","FooterDefault","props"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;;;;;;;AC1DI;AACa;AAER;AACS;AAExC,MAAMK,wBAAwBF,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMG,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACV,oCAAMA;YAAC,KAAKS,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;;;ACrBnB,IAAKX,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMS,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOnB,yCAAiB;IAC1B;IAEA,MAAMoB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOpB,yCAAiB;IAC1B;IAEA,MAAMsB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAAStB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;ACN0B;AACa;AACD;AAGtC,MAAMuB,kBAAkBf,kDAAU,CAAC;;;;;AAKnC,CAAC;AAED,MAAMgB,gBAAgB,CAACC;IACrB,qBACE,+CAACF,qCACC,+CAACZ,uCAAUA,EAAKc;AAGtB;AAEA,sDAAeD,aAAaA,EAAC"}

package/lib/cjs/components/layout/Carousel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Carousel/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/ChevronArrow.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\n\ntype Props = ContainerProps & {\n onClick: () => void;\n};\n\nexport function ChevronArrow(props: Props) {\n return (\n <ChevronArrowContainer {...props}>\n <Icons.ChevronLeft />\n </ChevronArrowContainer>\n );\n}\n\ntype ContainerProps = {\n direction: \"left\" \| \"right\";\n};\n\nconst ChevronArrowContainer = styled.button<ContainerProps>`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n\n position: absolute;\n top: 50%;\n left: ${({ direction }) => (direction === \"left\" ? \"0\" : \"auto\")};\n right: ${({ direction }) => (direction === \"left\" ? \"auto\" : \"0\")};\n z-index: 1;\n\n --dir: ${({ direction }) => (direction === \"left\" ? \"1\" : \"-1\")};\n scale: var(--dir) 1;\n translate: calc(-50% * var(--dir)) -50%;\n\n background-color: ${({ theme }) => theme.colors.background.default}; // Fake the transparent clip\n border-radius: 100%;\n border: none;\n outline: none;\n\n ::before {\n content: \"\";\n display: block;\n position: absolute;\n z-index: -1;\n inset: 3px;\n background-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n border-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n border-radius: 100%;\n border-style: solid;\n border-width: 1px;\n }\n svg {\n color: ${({ theme }) => theme.colors.primary.c100};\n }\n ::before,\n svg {\n cursor: pointer;\n }\n\n transition: opacity 0.2s ease-in-out;\n opacity: var(--hover-transition);\n ::before,\n svg {\n transition: translate 0.2s ease-in-out;\n translate: calc(-50% + 50% * var(--hover-transition)) 0;\n }\n`;\n","import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n \"active\",\n \"nearby\",\n \"far\",\n \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n /\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n \"content-card\": FooterContentCard,\n default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n if (props.children.length === 1) return null;\n\n const Component = Footers[props.variant];\n return <Component {...props} />;\n};\n\nexport default Footer;\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n display: flex;\n justify-content: space-between;\n padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n return (\n <FooterContainer>\n <Pagination\n variant={variant}\n children={children}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n\n <FooterArrowsContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n <ArrowLeft size=\"S\" />\n </FooterArrowContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n <ArrowRight size=\"S\" />\n </FooterArrowContainer>\n </FooterArrowsContainer>\n </FooterContainer>\n );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n return (\n <FooterContainer>\n <Pagination {...props} />\n </FooterContainer>\n );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { EmblaCarouselType, EmblaEventType } from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport debounce from \"lodash/debounce\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\nimport { ChevronArrow } from \"./ChevronArrow\";\n\nconst Embla = styled.div`\n overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n display: flex;\n flex: 0 0 100%;\n min-width: 0;\n > {\n flex-basis: 100%;\n }\n`;\n\nconst CarouselContainer = styled.div<Pick<Props, \"variant\">>`\n position: relative;\n\n --hover-transition: 0;\n &:hover {\n --hover-transition: 1;\n }\n`;\n\n/*\n This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({\n children,\n variant = \"default\",\n initialDelay = 0,\n autoPlay = 0,\n onNext,\n onPrev,\n}: Props) => {\n const [currentIndex, setCurrentIndex] = useState(0);\n const [autoplayEnabled, setAutoplayEnabled] = useState<boolean>(false);\n\n const plugins = useMemo(\n () => (autoplayEnabled && autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []),\n [autoplayEnabled, autoPlay],\n );\n\n const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, plugins);\n\n useEffect(() => {\n if (autoPlay) {\n const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);\n return () => clearTimeout(timer);\n }\n }, [autoPlay]);\n\n const updateIndex = useCallback(() => {\n if (!emblaApi) return;\n\n const newIndex = emblaApi.selectedScrollSnap();\n setCurrentIndex(newIndex);\n emblaApi.scrollTo(newIndex);\n }, [emblaApi]);\n\n useEffect(() => {\n if (!emblaApi) return;\n\n // Initial call to update carousel index\n updateIndex();\n\n const dragX = watchDragX(emblaApi);\n\n // When the selected scroll snap changes\n const handleAnySelect = debounce((mightBeASwipe: boolean) => {\n updateIndex();\n if (!mightBeASwipe \|\| variant !== \"default\") return; // onNext/onPrev events are not supported for content-card variant ATM\n if (dragX.value > 0) return onPrev?.();\n if (dragX.value < 0) return onNext?.();\n }, 0); // all events are fired on the same tick so no need to wait past the next tick\n\n emblaApi.on(\"select\", handleSelect);\n emblaApi.on(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n emblaApi.on(\"button:prev\" as EmblaEventType, handlePrevButton);\n emblaApi.on(\"button:next\" as EmblaEventType, handleNextButton);\n\n // When `reInit` is called or when window is resized\n emblaApi.on(\"reInit\", updateIndex);\n\n return () => {\n dragX.clean();\n emblaApi.off(\"select\", handleSelect);\n emblaApi.off(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n emblaApi.off(\"button:prev\" as EmblaEventType, handlePrevButton);\n emblaApi.off(\"button:next\" as EmblaEventType, handleNextButton);\n emblaApi.off(\"reInit\", updateIndex);\n };\n\n function handleSelect() {\n handleAnySelect(true); // This could be a swipe action. As this runs first the debounce will override the value otherwise\n }\n function handleAutoPlaySelect() {\n handleAnySelect(false);\n }\n function handlePrevButton() {\n emblaApi?.scrollPrev();\n onPrev?.();\n handleAnySelect(false);\n }\n function handleNextButton() {\n emblaApi?.scrollNext();\n onNext?.();\n handleAnySelect(false);\n }\n }, [emblaApi, updateIndex, variant]);\n\n if (!children.length) return null;\n\n const handleGotoPrevSlide = () => emblaApi?.emit(\"button:prev\" as EmblaEventType);\n const handleGotoNextSlide = () => emblaApi?.emit(\"button:next\" as EmblaEventType);\n\n return (\n <div>\n <CarouselContainer variant={variant}>\n {variant === \"default\" && children.length > 1 && (\n <>\n <ChevronArrow\n data-testid=\"carousel-arrow-prev\"\n direction=\"left\"\n onClick={handleGotoPrevSlide}\n />\n <ChevronArrow\n data-testid=\"carousel-arrow-next\"\n direction=\"right\"\n onClick={handleGotoNextSlide}\n />\n </>\n )}\n\n <Embla ref={emblaRef}>\n <EmblaContainer>\n {children.map(child => (\n <EmblaSlide key={child.key}>{child}</EmblaSlide>\n ))}\n </EmblaContainer>\n </Embla>\n </CarouselContainer>\n\n <Footer\n children={children}\n variant={variant}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n </div>\n );\n};\n\nexport default Carousel;\n\nconst AutoplayFlags = {\n play: true,\n stopOnMouseEnter: true,\n stopOnInteraction: false,\n};\n\nfunction watchDragX(emblaApi: EmblaCarouselType) {\n emblaApi.on(\"pointerDown\", watchMouse);\n\n let start: number \| undefined;\n let end: number \| undefined;\n\n return {\n get value() {\n return typeof start === \"undefined\" \|\| typeof end === \"undefined\" ? 0 : end - start;\n },\n clean: () => {\n emblaApi.off(\"pointerDown\", watchMouse);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n },\n };\n\n function watchMouse() {\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n }\n function handleMouseMove(event: MouseEvent) {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n start = event.clientX;\n end = undefined;\n }\n function handleMouseUp(event: MouseEvent) {\n document.removeEventListener(\"mouseup\", handleMouseUp);\n end = event.clientX;\n }\n}\n"],"names":["React","styled","Icons","ChevronArrow","props","ChevronArrowContainer","direction","theme","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContentCard","FooterDefault","Footers","Footer","Component","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","emblaApi","variant","Autoplay","useEmblaCarousel","debounce","useCallback","useEffect","useMemo","useState","Embla","EmblaContainer","EmblaSlide","CarouselContainer","Carousel","initialDelay","autoPlay","onNext","onPrev","setCurrentIndex","autoplayEnabled","setAutoplayEnabled","plugins","AutoplayFlags","emblaRef","timer","setTimeout","clearTimeout","updateIndex","newIndex","dragX","watchDragX","handleAnySelect","mightBeASwipe","handleSelect","handleAutoPlaySelect","handlePrevButton","handleNextButton","handleGotoPrevSlide","handleGotoNextSlide","watchMouse","start","end","document","handleMouseUp","handleMouseMove","event","undefined"],"mappings":"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"}
1	+ {"version":3,"file":"components/layout/Carousel/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/ChevronArrow.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\n\ntype Props = ContainerProps & {\n onClick: () => void;\n};\n\nexport function ChevronArrow(props: Props) {\n return (\n <ChevronArrowContainer {...props}>\n <Icons.ChevronLeft />\n </ChevronArrowContainer>\n );\n}\n\ntype ContainerProps = {\n direction: \"left\" \| \"right\";\n};\n\nconst ChevronArrowContainer = styled.button<ContainerProps>`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n\n position: absolute;\n top: 50%;\n left: ${({ direction }) => (direction === \"left\" ? \"0\" : \"auto\")};\n right: ${({ direction }) => (direction === \"left\" ? \"auto\" : \"0\")};\n z-index: 1;\n\n --dir: ${({ direction }) => (direction === \"left\" ? \"1\" : \"-1\")};\n scale: var(--dir) 1;\n translate: calc(-50% * var(--dir)) -50%;\n\n background-color: ${({ theme }) => theme.colors.background.default}; // Fake the transparent clip\n border-radius: 100%;\n border: none;\n outline: none;\n\n ::before {\n content: \"\";\n display: block;\n position: absolute;\n z-index: -1;\n inset: 3px;\n background-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n border-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n border-radius: 100%;\n border-style: solid;\n border-width: 1px;\n }\n svg {\n color: ${({ theme }) => theme.colors.primary.c100};\n }\n ::before,\n svg {\n cursor: pointer;\n }\n\n transition: opacity 0.2s ease-in-out;\n opacity: var(--hover-transition);\n ::before,\n svg {\n transition: translate 0.2s ease-in-out;\n translate: calc(-50% + 50% * var(--hover-transition)) 0;\n }\n`;\n","import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n height: \"6px\",\n borderRadius: \"1000px\",\n marginRight: \"4px\",\n opacity: 1,\n};\n\nconst useBulletStyles = () => {\n const { colors } = useTheme();\n\n const BulletStyle: {\n [key in ItemStatus]: {\n width: string;\n height: string;\n backgroundColor: string;\n borderRadius: string;\n opacity?: number;\n marginRight: string;\n };\n } = {\n [ItemStatus.active]: {\n ...defaultBulletStyle,\n width: \"16px\",\n backgroundColor: colors.opacityDefault.c80,\n },\n [ItemStatus.nearby]: {\n ...defaultBulletStyle,\n width: \"8px\",\n backgroundColor: colors.opacityDefault.c30,\n },\n [ItemStatus.far]: {\n ...defaultBulletStyle,\n width: \"4px\",\n backgroundColor: colors.opacityDefault.c10,\n },\n [ItemStatus.none]: {\n ...defaultBulletStyle,\n width: \"0px\",\n opacity: 0,\n backgroundColor: colors.opacityDefault.c10,\n marginRight: \"0px\",\n },\n };\n\n return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n const springStyle = useSpring(useBulletStyles()[type]);\n /* react-spring animated.div typings don't include style; spread with assertion for compatibility /\n return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n return (\n <FooterCarouselBullets>\n {children.map((child, index) => (\n <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n ))}\n </FooterCarouselBullets>\n );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n active,\n nearby,\n far,\n none,\n}\n","import { ItemStatus } from \"./types\";\n\n/\n Returns the status of an indexed item from the carousel index.\n /\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n const isActive = itemIndex === activeIndex;\n if (isActive) {\n return ItemStatus.active;\n }\n\n const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n if (isAdjacent) {\n return ItemStatus.nearby;\n }\n\n const isEdge = itemIndex === 0 \|\| itemIndex === itemCount - 1;\n return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n \"content-card\": FooterContentCard,\n default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n if (props.children.length === 1) return null;\n\n const Component = Footers[props.variant];\n return <Component {...props} />;\n};\n\nexport default Footer;\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n display: flex;\n justify-content: space-between;\n padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n display: flex;\n align-items: center;\n cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n return (\n <FooterContainer>\n <Pagination\n variant={variant}\n children={children}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n\n <FooterArrowsContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n <ArrowLeft size=\"S\" />\n </FooterArrowContainer>\n <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n <ArrowRight size=\"S\" />\n </FooterArrowContainer>\n </FooterArrowsContainer>\n </FooterContainer>\n );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n return (\n <FooterContainer>\n <Pagination {...props} />\n </FooterContainer>\n );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { EmblaCarouselType, EmblaEventType } from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport debounce from \"lodash/debounce\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\nimport { ChevronArrow } from \"./ChevronArrow\";\n\nconst Embla = styled.div`\n overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n display: flex;\n flex: 0 0 100%;\n min-width: 0;\n > {\n flex-basis: 100%;\n }\n`;\n\nconst CarouselContainer = styled.div<Pick<Props, \"variant\">>`\n position: relative;\n\n --hover-transition: 0;\n &:hover {\n --hover-transition: 1;\n }\n`;\n\n/*\n This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({\n children,\n variant = \"default\",\n initialDelay = 0,\n autoPlay = 0,\n onNext,\n onPrev,\n}: Props) => {\n const [currentIndex, setCurrentIndex] = useState(0);\n const [autoplayEnabled, setAutoplayEnabled] = useState<boolean>(false);\n\n const plugins = useMemo(\n () => (autoplayEnabled && autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []),\n [autoplayEnabled, autoPlay],\n );\n\n const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, plugins);\n\n useEffect(() => {\n if (autoPlay) {\n const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);\n return () => clearTimeout(timer);\n }\n }, [autoPlay]);\n\n const updateIndex = useCallback(() => {\n if (!emblaApi) return;\n\n const newIndex = emblaApi.selectedScrollSnap();\n setCurrentIndex(newIndex);\n emblaApi.scrollTo(newIndex);\n }, [emblaApi]);\n\n useEffect(() => {\n if (!emblaApi) return;\n\n // Initial call to update carousel index\n updateIndex();\n\n const dragX = watchDragX(emblaApi);\n\n // When the selected scroll snap changes\n const handleAnySelect = debounce((mightBeASwipe: boolean) => {\n updateIndex();\n if (!mightBeASwipe \|\| variant !== \"default\") return; // onNext/onPrev events are not supported for content-card variant ATM\n if (dragX.value > 0) return onPrev?.();\n if (dragX.value < 0) return onNext?.();\n }, 0); // all events are fired on the same tick so no need to wait past the next tick\n\n emblaApi.on(\"select\", handleSelect);\n emblaApi.on(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n emblaApi.on(\"button:prev\" as EmblaEventType, handlePrevButton);\n emblaApi.on(\"button:next\" as EmblaEventType, handleNextButton);\n\n // When `reInit` is called or when window is resized\n emblaApi.on(\"reInit\", updateIndex);\n\n return () => {\n dragX.clean();\n emblaApi.off(\"select\", handleSelect);\n emblaApi.off(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n emblaApi.off(\"button:prev\" as EmblaEventType, handlePrevButton);\n emblaApi.off(\"button:next\" as EmblaEventType, handleNextButton);\n emblaApi.off(\"reInit\", updateIndex);\n };\n\n function handleSelect() {\n handleAnySelect(true); // This could be a swipe action. As this runs first the debounce will override the value otherwise\n }\n function handleAutoPlaySelect() {\n handleAnySelect(false);\n }\n function handlePrevButton() {\n emblaApi?.scrollPrev();\n onPrev?.();\n handleAnySelect(false);\n }\n function handleNextButton() {\n emblaApi?.scrollNext();\n onNext?.();\n handleAnySelect(false);\n }\n }, [emblaApi, updateIndex, variant]);\n\n if (!children.length) return null;\n\n const handleGotoPrevSlide = () => emblaApi?.emit(\"button:prev\" as EmblaEventType);\n const handleGotoNextSlide = () => emblaApi?.emit(\"button:next\" as EmblaEventType);\n\n return (\n <div>\n <CarouselContainer variant={variant}>\n {variant === \"default\" && children.length > 1 && (\n <>\n <ChevronArrow\n data-testid=\"carousel-arrow-prev\"\n direction=\"left\"\n onClick={handleGotoPrevSlide}\n />\n <ChevronArrow\n data-testid=\"carousel-arrow-next\"\n direction=\"right\"\n onClick={handleGotoNextSlide}\n />\n </>\n )}\n\n <Embla ref={emblaRef}>\n <EmblaContainer>\n {children.map(child => (\n <EmblaSlide key={child.key}>{child}</EmblaSlide>\n ))}\n </EmblaContainer>\n </Embla>\n </CarouselContainer>\n\n <Footer\n children={children}\n variant={variant}\n emblaApi={emblaApi}\n currentIndex={currentIndex}\n />\n </div>\n );\n};\n\nexport default Carousel;\n\nconst AutoplayFlags = {\n play: true,\n stopOnMouseEnter: true,\n stopOnInteraction: false,\n};\n\nfunction watchDragX(emblaApi: EmblaCarouselType) {\n emblaApi.on(\"pointerDown\", watchMouse);\n\n let start: number \| undefined;\n let end: number \| undefined;\n\n return {\n get value() {\n return typeof start === \"undefined\" \|\| typeof end === \"undefined\" ? 0 : end - start;\n },\n clean: () => {\n emblaApi.off(\"pointerDown\", watchMouse);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n },\n };\n\n function watchMouse() {\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n }\n function handleMouseMove(event: MouseEvent) {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n start = event.clientX;\n end = undefined;\n }\n function handleMouseUp(event: MouseEvent) {\n document.removeEventListener(\"mouseup\", handleMouseUp);\n end = event.clientX;\n }\n}\n"],"names":["React","styled","Icons","ChevronArrow","props","ChevronArrowContainer","direction","theme","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContentCard","FooterDefault","Footers","Footer","Component","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","emblaApi","variant","Autoplay","useEmblaCarousel","debounce","useCallback","useEffect","useMemo","useState","Embla","EmblaContainer","EmblaSlide","CarouselContainer","Carousel","initialDelay","autoPlay","onNext","onPrev","setCurrentIndex","autoplayEnabled","setAutoplayEnabled","plugins","AutoplayFlags","emblaRef","timer","setTimeout","clearTimeout","updateIndex","newIndex","dragX","watchDragX","handleAnySelect","mightBeASwipe","handleSelect","handleAutoPlaySelect","handlePrevButton","handleNextButton","handleGotoPrevSlide","handleGotoNextSlide","watchMouse","start","end","document","handleMouseUp","handleMouseMove","event","undefined"],"mappings":"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"}