@undp/data-viz 2.5.4 → 2.6.1

package/dist/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../src/Components/ColorPalette/index.ts"],"sourcesContent":["export const Colors = {\r\n  gray: '#D4D6D8',\r\n  graphMainColor: '#0468B1',\r\n  primaryColors: {\r\n    'blue-100': '#B5D5F5',\r\n    'blue-200': '#94C4F5',\r\n    'blue-300': '#6BABEB',\r\n    'blue-400': '#4F95DD',\r\n    'blue-500': '#3288CE',\r\n    'blue-600': '#0468B1',\r\n    'blue-700': '#1F5A95',\r\n  },\r\n  genderColors: {\r\n    male: '#02A38A',\r\n    female: '#757AF0',\r\n  },\r\n  locationColors: {\r\n    urban: '#0468B1',\r\n    rural: '#5DD4F0',\r\n  },\r\n  alerts: {\r\n    lightYellow: '#FFE17E',\r\n    yellow: '#FFEB00',\r\n    darkYellow: '#FBC412',\r\n    lightRed: '#FFBCB7',\r\n    red: '#EE402D',\r\n    darkRed: '#D12800',\r\n    lightGreen: '#B8ECB6',\r\n    green: '#6DE354',\r\n    darkGreen: '#59BA47',\r\n    lightAzure: '#A2DAF3',\r\n    azure: '#60D4F2',\r\n    darkAzure: '#00C1FF',\r\n  },\r\n  sdgColors: {\r\n    sdg1: '#E5243B',\r\n    sdg2: '#DDA63A',\r\n    sdg3: '#4C9F38',\r\n    sdg4: '#C5192D',\r\n    sdg5: '#FF3A21',\r\n    sdg6: '#26BDE2',\r\n    sdg7: '#FCC30B',\r\n    sdg8: '#A21942',\r\n    sdg9: '#FD6925',\r\n    sdg10: '#DD1367',\r\n    sdg11: '#FD9D24',\r\n    sdg12: '#BF8B2E',\r\n    sdg13: '#3F7E44',\r\n    sdg14: '#0A97D9',\r\n    sdg15: '#56C02B',\r\n    sdg16: '#00689D',\r\n    sdg17: '#19486A',\r\n  },\r\n  light: {\r\n    graphBackgroundColor: '#F7F7F7',\r\n    graphNoData: '#FFFFFF',\r\n    grays: {\r\n      white: '#FFFFFF',\r\n      'gray-100': '#FAFAFA',\r\n      'gray-200': '#F7F7F7',\r\n      'gray-300': '#EDEFF0',\r\n      'gray-400': '#D4D6D8',\r\n      'gray-500': '#A9B1B7',\r\n      'gray-550': '#879099',\r\n      'gray-600': '#55606E',\r\n      'gray-700': '#232E3D',\r\n      black: '#000000',\r\n    },\r\n    categoricalColors: {\r\n      colors: [\r\n        '#0468B1',\r\n        '#5DD4F0',\r\n        '#02A38A',\r\n        '#E78625',\r\n        '#E0529E',\r\n        '#757AF0',\r\n        '#A0C236',\r\n        '#FBC412',\r\n        '#BF8B2E',\r\n        '#A9B1B7',\r\n      ],\r\n    },\r\n    sequentialColors: {\r\n      negativeColorsx02: ['#f6b666', '#a71c04'],\r\n      negativeColorsx03: ['#f6b666', '#d16f34', '#a71c04'],\r\n      negativeColorsx04: ['#F6B666', '#EB8033', '#D64513', '#A71C04'],\r\n      negativeColorsx05: ['#FBD68A', '#F39E4B', '#E16424', '#C12705', '#850E02'],\r\n      negativeColorsx06: ['#FFF4AC', '#F7BD6D', '#EC8234', '#D54211', '#A01903', '#650000'],\r\n      negativeColorsx07: [\r\n        '#FFF4AC',\r\n        '#F8C678',\r\n        '#F29641',\r\n        '#E16424',\r\n        '#C92B06',\r\n        '#961503',\r\n        '#650000',\r\n      ],\r\n      negativeColorsx08: [\r\n        '#FFF4AC',\r\n        '#F9CD7F',\r\n        '#F4A451',\r\n        '#E97A30',\r\n        '#D94C17',\r\n        '#BB2505',\r\n        '#8F1202',\r\n        '#650000',\r\n      ],\r\n      negativeColorsx09: [\r\n        '#FFF4AC',\r\n        '#FAD285',\r\n        '#F5AE5D',\r\n        '#EE8938',\r\n        '#E16424',\r\n        '#D2390C',\r\n        '#ad190d',\r\n        '#891002',\r\n        '#650000',\r\n      ],\r\n      negativeColorsx10: [\r\n        '#FFF4AC',\r\n        '#FBD68A',\r\n        '#F6B666',\r\n        '#F29641',\r\n        '#E7752D',\r\n        '#DB521A',\r\n        '#C92B06',\r\n        '#A71C04',\r\n        '#850E02',\r\n        '#650000',\r\n      ],\r\n\r\n      positiveColorsx02: ['#bada81', '#308c56'],\r\n      positiveColorsx03: ['#bada81', '#6eb560', '#308c56'],\r\n      positiveColorsx04: ['#BADA81', '#7FC45F', '#58A85A', '#308C56'],\r\n      positiveColorsx05: ['#DDE797', '#9FD071', '#6CB65D', '#429858', '#187B54'],\r\n      positiveColorsx06: ['#FFF4AC', '#C1DD85', '#81C55F', '#56A75A', '#2C8956', '#006A51'],\r\n      positiveColorsx07: [\r\n        '#FFF4AC',\r\n        '#CBE18C',\r\n        '#96CD6B',\r\n        '#6CB65D',\r\n        '#489D59',\r\n        '#248455',\r\n        '#006A51',\r\n      ],\r\n      positiveColorsx08: [\r\n        '#FFF4AC',\r\n        '#D3E491',\r\n        '#A6D374',\r\n        '#7BC05E',\r\n        '#5CAB5B',\r\n        '#3E9558',\r\n        '#1F8054',\r\n        '#006A51',\r\n      ],\r\n      positiveColorsx09: [\r\n        '#FFF4AC',\r\n        '#D8E694',\r\n        '#B1D77C',\r\n        '#88C862',\r\n        '#6CB65D',\r\n        '#51A35A',\r\n        '#369057',\r\n        '#1B7D54',\r\n        '#006A51',\r\n      ],\r\n      positiveColorsx10: [\r\n        '#FFF4AC',\r\n        '#DDE797',\r\n        '#BADA81',\r\n        '#96CD6B',\r\n        '#78BE5E',\r\n        '#60AD5B',\r\n        '#489D59',\r\n        '#308C56',\r\n        '#187B54',\r\n        '#006A51',\r\n      ],\r\n\r\n      neutralColorsx02: ['#5fcda1', '#005396'],\r\n      neutralColorsx03: ['#5fcda1', '#458e9d', '#005396'],\r\n      neutralColorsx04: ['#FFF4AC', '#5FCDA1', '#0091A9', '#005396'],\r\n      neutralColorsx05: ['#FFF4AC', '#7BD4A3', '#00A5A1', '#006CB3', '#003F80'],\r\n      neutralColorsx06: ['#FFF4AC', '#98DBA5', '#16BB9C', '#008FA9', '#0063A8', '#003F80'],\r\n      neutralColorsx07: [\r\n        '#FFF4AC',\r\n        '#AADFA6',\r\n        '#47C79F',\r\n        '#00A5A1',\r\n        '#007FAF',\r\n        '#005DA1',\r\n        '#003F80',\r\n      ],\r\n      neutralColorsx08: [\r\n        '#FFF4AC',\r\n        '#B7E2A7',\r\n        '#66CFA2',\r\n        '#00B59B',\r\n        '#0095A7',\r\n        '#0074B3',\r\n        '#00589D',\r\n        '#003F80',\r\n      ],\r\n      neutralColorsx09: [\r\n        '#FFF4AC',\r\n        '#C1E5A8',\r\n        '#7CD4A3',\r\n        '#29C09D',\r\n        '#00A5A1',\r\n        '#0089AB',\r\n        '#006CB3',\r\n        '#005599',\r\n        '#003F80',\r\n      ],\r\n      neutralColorsx10: [\r\n        '#FFF4AC',\r\n        '#C8E7A8',\r\n        '#8CD8A4',\r\n        '#47C79F',\r\n        '#00B29C',\r\n        '#0099A5',\r\n        '#007FAF',\r\n        '#0067AD',\r\n        '#005396',\r\n        '#003F80',\r\n      ],\r\n    },\r\n    divergentColors: {\r\n      colorsx02: ['#d9382d', '#347cbc'],\r\n      colorsx03: ['#d9382d', '#ffffbf', '#347cbc'],\r\n      colorsx04: ['#d9382d', '#eea57d', '#89bfdc', '#347cbc'],\r\n      colorsx05: ['#d9382d', '#eea57d', '#ffffbf', '#89bfdc', '#347cbc'],\r\n      colorsx06: ['#d9382d', '#e88666', '#f6d39e', '#bae0e1', '#70a8cc', '#347cbc'],\r\n      colorsx07: ['#d9382d', '#e88666', '#f6d39e', '#ffffbf', '#bae0e1', '#70a8cc', '#347cbc'],\r\n      colorsx08: [\r\n        '#d9382d',\r\n        '#e47559',\r\n        '#eea57d',\r\n        '#f6d39e',\r\n        '#bae0e1',\r\n        '#89bfdc',\r\n        '#5f9dcc',\r\n        '#347cbc',\r\n      ],\r\n      colorsx09: [\r\n        '#d9382d',\r\n        '#e47559',\r\n        '#eea57d',\r\n        '#f6d39e',\r\n        '#ffffbf',\r\n        '#bae0e1',\r\n        '#89bfdc',\r\n        '#5f9dcc',\r\n        '#347cbc',\r\n      ],\r\n      colorsx10: [\r\n        '#aa1d09',\r\n        '#d9382d',\r\n        '#e47559',\r\n        '#eea57d',\r\n        '#f6d39e',\r\n        '#bae0e1',\r\n        '#89bfdc',\r\n        '#5f9dcc',\r\n        '#347cbc',\r\n        '#095aab',\r\n      ],\r\n      colorsx11: [\r\n        '#aa1d09',\r\n        '#d9382d',\r\n        '#e47559',\r\n        '#eea57d',\r\n        '#f6d39e',\r\n        '#ffffbf',\r\n        '#bae0e1',\r\n        '#89bfdc',\r\n        '#5f9dcc',\r\n        '#347cbc',\r\n        '#095aab',\r\n      ],\r\n    },\r\n    bivariateColors: {\r\n      colors03x03: [\r\n        ['#e5e5e5', '#7FDCF9', '#0BC6FF'],\r\n        ['#F99FBA', '#9697D3', '#3690EB'],\r\n        ['#F4618D', '#A961B3', '#5C61DA'],\r\n      ],\r\n      colors04x04: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\r\n      ],\r\n      colors05x04: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\r\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8'],\r\n      ],\r\n      colors04x05: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\r\n      ],\r\n      colors05x05: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\r\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8', '#5C61DA'],\r\n      ],\r\n    },\r\n  },\r\n  dark: {\r\n    graphBackgroundColor: '#232E3D',\r\n    graphNoData: '#FFFFFF',\r\n    grays: {\r\n      white: '#232E3D',\r\n      'gray-100': '#394250',\r\n      'gray-200': '#47505C',\r\n      'gray-300': '#57606D',\r\n      'gray-400': '#78808A',\r\n      'gray-500': '#AAB1B6',\r\n      'gray-550': '#AAB1B6',\r\n      'gray-600': '#D4D6D8',\r\n      'gray-700': '#EAEBEC',\r\n      black: '#FFFFFF',\r\n    },\r\n    categoricalColors: {\r\n      colors: [\r\n        '#0468B1',\r\n        '#5DD4F0',\r\n        '#02A38A',\r\n        '#E78625',\r\n        '#E0529E',\r\n        '#757AF0',\r\n        '#A0C236',\r\n        '#FBC412',\r\n        '#BF8B2E',\r\n        '#A9B1B7',\r\n      ],\r\n    },\r\n    sequentialColors: {\r\n      negativeColorsx02: ['#a71c04', '#f6b666'],\r\n      negativeColorsx03: ['#a71c04', '#d16f34', '#f6b666'],\r\n      negativeColorsx04: ['#A71C04', '#D64513', '#EB8033', '#F6B666'],\r\n      negativeColorsx05: ['#850E02', '#C12705', '#E16424', '#F39E4B', '#FBD68A'],\r\n      negativeColorsx06: ['#650000', '#A01903', '#D54211', '#EC8234', '#F7BD6D', '#FFF4AC'],\r\n      negativeColorsx07: [\r\n        '#650000',\r\n        '#961503',\r\n        '#C92B06',\r\n        '#E16424',\r\n        '#F29641',\r\n        '#F8C678',\r\n        '#FFF4AC',\r\n      ],\r\n      negativeColorsx08: [\r\n        '#650000',\r\n        '#8F1202',\r\n        '#BB2505',\r\n        '#D94C17',\r\n        '#E97A30',\r\n        '#F4A451',\r\n        '#F9CD7F',\r\n        '#FFF4AC',\r\n      ],\r\n      negativeColorsx09: [\r\n        '#650000',\r\n        '#891002',\r\n        '#ad190d',\r\n        '#D2390C',\r\n        '#E16424',\r\n        '#EE8938',\r\n        '#F5AE5D',\r\n        '#FAD285',\r\n        '#FFF4AC',\r\n      ],\r\n      negativeColorsx10: [\r\n        '#650000',\r\n        '#850E02',\r\n        '#A71C04',\r\n        '#C92B06',\r\n        '#DB521A',\r\n        '#E7752D',\r\n        '#F29641',\r\n        '#F6B666',\r\n        '#FBD68A',\r\n        '#FFF4AC',\r\n      ],\r\n\r\n      positiveColorsx02: ['#308c56', '#bada81'],\r\n      positiveColorsx03: ['#308c56', '#6eb560', '#bada81'],\r\n      positiveColorsx04: ['#308C56', '#58A85A', '#7FC45F', '#BADA81'],\r\n      positiveColorsx05: ['#187B54', '#429858', '#6CB65D', '#9FD071', '#DDE797'],\r\n      positiveColorsx06: ['#006A51', '#2C8956', '#56A75A', '#81C55F', '#C1DD85', '#FFF4AC'],\r\n      positiveColorsx07: [\r\n        '#006A51',\r\n        '#248455',\r\n        '#489D59',\r\n        '#6CB65D',\r\n        '#96CD6B',\r\n        '#CBE18C',\r\n        '#FFF4AC',\r\n      ],\r\n      positiveColorsx08: [\r\n        '#006A51',\r\n        '#1F8054',\r\n        '#3E9558',\r\n        '#5CAB5B',\r\n        '#7BC05E',\r\n        '#A6D374',\r\n        '#D3E491',\r\n        '#FFF4AC',\r\n      ],\r\n      positiveColorsx09: [\r\n        '#006A51',\r\n        '#1B7D54',\r\n        '#369057',\r\n        '#51A35A',\r\n        '#6CB65D',\r\n        '#88C862',\r\n        '#B1D77C',\r\n        '#D8E694',\r\n        '#FFF4AC',\r\n      ],\r\n      positiveColorsx10: [\r\n        '#006A51',\r\n        '#187B54',\r\n        '#308C56',\r\n        '#489D59',\r\n        '#60AD5B',\r\n        '#78BE5E',\r\n        '#96CD6B',\r\n        '#BADA81',\r\n        '#DDE797',\r\n        '#FFF4AC',\r\n      ],\r\n\r\n      neutralColorsx02: ['#005396', '#5fcda1'],\r\n      neutralColorsx03: ['#005396', '#458e9d', '#5fcda1'],\r\n      neutralColorsx04: ['#005396', '#0091A9', '#5FCDA1', '#FFF4AC'],\r\n      neutralColorsx05: ['#003F80', '#006CB3', '#00A5A1', '#7BD4A3', '#FFF4AC'],\r\n      neutralColorsx06: ['#003F80', '#0063A8', '#008FA9', '#16BB9C', '#98DBA5', '#FFF4AC'],\r\n      neutralColorsx07: [\r\n        '#003F80',\r\n        '#005DA1',\r\n        '#007FAF',\r\n        '#00A5A1',\r\n        '#47C79F',\r\n        '#AADFA6',\r\n        '#FFF4AC',\r\n      ],\r\n      neutralColorsx08: [\r\n        '#003F80',\r\n        '#00589D',\r\n        '#0074B3',\r\n        '#0095A7',\r\n        '#00B59B',\r\n        '#66CFA2',\r\n        '#B7E2A7',\r\n        '#FFF4AC',\r\n      ],\r\n      neutralColorsx09: [\r\n        '#003F80',\r\n        '#005599',\r\n        '#006CB3',\r\n        '#0089AB',\r\n        '#00A5A1',\r\n        '#29C09D',\r\n        '#7CD4A3',\r\n        '#C1E5A8',\r\n        '#FFF4AC',\r\n      ],\r\n      neutralColorsx10: [\r\n        '#003F80',\r\n        '#005396',\r\n        '#0067AD',\r\n        '#007FAF',\r\n        '#0099A5',\r\n        '#00B29C',\r\n        '#47C79F',\r\n        '#8CD8A4',\r\n        '#C8E7A8',\r\n        '#FFF4AC',\r\n      ],\r\n    },\r\n    divergentColors: {\r\n      colorsx02: ['#347cbc', '#d9382d'],\r\n      colorsx03: ['#347cbc', '#ffffbf', '#d9382d'],\r\n      colorsx04: ['#347cbc', '#89bfdc', '#eea57d', '#d9382d'],\r\n      colorsx05: ['#347cbc', '#89bfdc', '#ffffbf', '#eea57d', '#d9382d'],\r\n      colorsx06: ['#347cbc', '#70a8cc', '#bae0e1', '#f6d39e', '#e88666', '#d9382d'],\r\n      colorsx07: ['#347cbc', '#70a8cc', '#bae0e1', '#ffffbf', '#f6d39e', '#e88666', '#d9382d'],\r\n      colorsx08: [\r\n        '#347cbc',\r\n        '#5f9dcc',\r\n        '#89bfdc',\r\n        '#bae0e1',\r\n        '#f6d39e',\r\n        '#eea57d',\r\n        '#e47559',\r\n        '#d9382d',\r\n      ],\r\n      colorsx09: [\r\n        '#347cbc',\r\n        '#5f9dcc',\r\n        '#89bfdc',\r\n        '#bae0e1',\r\n        '#ffffbf',\r\n        '#f6d39e',\r\n        '#eea57d',\r\n        '#e47559',\r\n        '#d9382d',\r\n      ],\r\n      colorsx10: [\r\n        '#095aab',\r\n        '#347cbc',\r\n        '#5f9dcc',\r\n        '#89bfdc',\r\n        '#bae0e1',\r\n        '#f6d39e',\r\n        '#eea57d',\r\n        '#e47559',\r\n        '#d9382d',\r\n        '#aa1d09',\r\n      ],\r\n      colorsx11: [\r\n        '#095aab',\r\n        '#347cbc',\r\n        '#5f9dcc',\r\n        '#89bfdc',\r\n        '#bae0e1',\r\n        '#ffffbf',\r\n        '#f6d39e',\r\n        '#eea57d',\r\n        '#e47559',\r\n        '#d9382d',\r\n        '#aa1d09',\r\n      ],\r\n    },\r\n    bivariateColors: {\r\n      colors03x03: [\r\n        ['#e5e5e5', '#7FDCF9', '#0BC6FF'],\r\n        ['#F99FBA', '#9697D3', '#3690EB'],\r\n        ['#F4618D', '#A961B3', '#5C61DA'],\r\n      ],\r\n      colors04x04: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\r\n      ],\r\n      colors05x04: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\r\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8'],\r\n      ],\r\n      colors04x05: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\r\n      ],\r\n      colors05x05: [\r\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\r\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\r\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\r\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\r\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8', '#5C61DA'],\r\n      ],\r\n    },\r\n  },\r\n};\r\n"],"names":["Colors","gray","graphMainColor","primaryColors","genderColors","male","female","locationColors","urban","rural","alerts","lightYellow","yellow","darkYellow","lightRed","red","darkRed","lightGreen","green","darkGreen","lightAzure","azure","darkAzure","sdgColors","sdg1","sdg2","sdg3","sdg4","sdg5","sdg6","sdg7","sdg8","sdg9","sdg10","sdg11","sdg12","sdg13","sdg14","sdg15","sdg16","sdg17","light","graphBackgroundColor","graphNoData","grays","white","black","categoricalColors","colors","sequentialColors","negativeColorsx02","negativeColorsx03","negativeColorsx04","negativeColorsx05","negativeColorsx06","negativeColorsx07","negativeColorsx08","negativeColorsx09","negativeColorsx10","positiveColorsx02","positiveColorsx03","positiveColorsx04","positiveColorsx05","positiveColorsx06","positiveColorsx07","positiveColorsx08","positiveColorsx09","positiveColorsx10","neutralColorsx02","neutralColorsx03","neutralColorsx04","neutralColorsx05","neutralColorsx06","neutralColorsx07","neutralColorsx08","neutralColorsx09","neutralColorsx10","divergentColors","colorsx02","colorsx03","colorsx04","colorsx05","colorsx06","colorsx07","colorsx08","colorsx09","colorsx10","colorsx11","bivariateColors","colors03x03","colors04x04","colors05x04","colors04x05","colors05x05","dark"],"mappings":"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"}
+{"version":3,"file":"Colors.js","names":[],"sources":["../src/Components/ColorPalette/index.ts"],"sourcesContent":["export const Colors = {\n  gray: '#D4D6D8',\n  graphMainColor: '#0468B1',\n  primaryColors: {\n    'blue-100': '#B5D5F5',\n    'blue-200': '#94C4F5',\n    'blue-300': '#6BABEB',\n    'blue-400': '#4F95DD',\n    'blue-500': '#3288CE',\n    'blue-600': '#0468B1',\n    'blue-700': '#1F5A95',\n  },\n  genderColors: {\n    male: '#02A38A',\n    female: '#757AF0',\n  },\n  locationColors: {\n    urban: '#0468B1',\n    rural: '#5DD4F0',\n  },\n  alerts: {\n    lightYellow: '#FFE17E',\n    yellow: '#FFEB00',\n    darkYellow: '#FBC412',\n    lightRed: '#FFBCB7',\n    red: '#EE402D',\n    darkRed: '#D12800',\n    lightGreen: '#B8ECB6',\n    green: '#6DE354',\n    darkGreen: '#59BA47',\n    lightAzure: '#A2DAF3',\n    azure: '#60D4F2',\n    darkAzure: '#00C1FF',\n  },\n  sdgColors: {\n    sdg1: '#E5243B',\n    sdg2: '#DDA63A',\n    sdg3: '#4C9F38',\n    sdg4: '#C5192D',\n    sdg5: '#FF3A21',\n    sdg6: '#26BDE2',\n    sdg7: '#FCC30B',\n    sdg8: '#A21942',\n    sdg9: '#FD6925',\n    sdg10: '#DD1367',\n    sdg11: '#FD9D24',\n    sdg12: '#BF8B2E',\n    sdg13: '#3F7E44',\n    sdg14: '#0A97D9',\n    sdg15: '#56C02B',\n    sdg16: '#00689D',\n    sdg17: '#19486A',\n  },\n  light: {\n    graphBackgroundColor: '#F7F7F7',\n    graphNoData: '#FFFFFF',\n    grays: {\n      white: '#FFFFFF',\n      'gray-100': '#FAFAFA',\n      'gray-200': '#F7F7F7',\n      'gray-300': '#EDEFF0',\n      'gray-400': '#D4D6D8',\n      'gray-500': '#A9B1B7',\n      'gray-550': '#879099',\n      'gray-600': '#55606E',\n      'gray-700': '#232E3D',\n      black: '#000000',\n    },\n    categoricalColors: {\n      colors: [\n        '#0468B1',\n        '#5DD4F0',\n        '#02A38A',\n        '#E78625',\n        '#E0529E',\n        '#757AF0',\n        '#A0C236',\n        '#FBC412',\n        '#BF8B2E',\n        '#A9B1B7',\n      ],\n    },\n    sequentialColors: {\n      negativeColorsx02: ['#f6b666', '#a71c04'],\n      negativeColorsx03: ['#f6b666', '#d16f34', '#a71c04'],\n      negativeColorsx04: ['#F6B666', '#EB8033', '#D64513', '#A71C04'],\n      negativeColorsx05: ['#FBD68A', '#F39E4B', '#E16424', '#C12705', '#850E02'],\n      negativeColorsx06: ['#FFF4AC', '#F7BD6D', '#EC8234', '#D54211', '#A01903', '#650000'],\n      negativeColorsx07: [\n        '#FFF4AC',\n        '#F8C678',\n        '#F29641',\n        '#E16424',\n        '#C92B06',\n        '#961503',\n        '#650000',\n      ],\n      negativeColorsx08: [\n        '#FFF4AC',\n        '#F9CD7F',\n        '#F4A451',\n        '#E97A30',\n        '#D94C17',\n        '#BB2505',\n        '#8F1202',\n        '#650000',\n      ],\n      negativeColorsx09: [\n        '#FFF4AC',\n        '#FAD285',\n        '#F5AE5D',\n        '#EE8938',\n        '#E16424',\n        '#D2390C',\n        '#ad190d',\n        '#891002',\n        '#650000',\n      ],\n      negativeColorsx10: [\n        '#FFF4AC',\n        '#FBD68A',\n        '#F6B666',\n        '#F29641',\n        '#E7752D',\n        '#DB521A',\n        '#C92B06',\n        '#A71C04',\n        '#850E02',\n        '#650000',\n      ],\n\n      positiveColorsx02: ['#bada81', '#308c56'],\n      positiveColorsx03: ['#bada81', '#6eb560', '#308c56'],\n      positiveColorsx04: ['#BADA81', '#7FC45F', '#58A85A', '#308C56'],\n      positiveColorsx05: ['#DDE797', '#9FD071', '#6CB65D', '#429858', '#187B54'],\n      positiveColorsx06: ['#FFF4AC', '#C1DD85', '#81C55F', '#56A75A', '#2C8956', '#006A51'],\n      positiveColorsx07: [\n        '#FFF4AC',\n        '#CBE18C',\n        '#96CD6B',\n        '#6CB65D',\n        '#489D59',\n        '#248455',\n        '#006A51',\n      ],\n      positiveColorsx08: [\n        '#FFF4AC',\n        '#D3E491',\n        '#A6D374',\n        '#7BC05E',\n        '#5CAB5B',\n        '#3E9558',\n        '#1F8054',\n        '#006A51',\n      ],\n      positiveColorsx09: [\n        '#FFF4AC',\n        '#D8E694',\n        '#B1D77C',\n        '#88C862',\n        '#6CB65D',\n        '#51A35A',\n        '#369057',\n        '#1B7D54',\n        '#006A51',\n      ],\n      positiveColorsx10: [\n        '#FFF4AC',\n        '#DDE797',\n        '#BADA81',\n        '#96CD6B',\n        '#78BE5E',\n        '#60AD5B',\n        '#489D59',\n        '#308C56',\n        '#187B54',\n        '#006A51',\n      ],\n\n      neutralColorsx02: ['#5fcda1', '#005396'],\n      neutralColorsx03: ['#5fcda1', '#458e9d', '#005396'],\n      neutralColorsx04: ['#FFF4AC', '#5FCDA1', '#0091A9', '#005396'],\n      neutralColorsx05: ['#FFF4AC', '#7BD4A3', '#00A5A1', '#006CB3', '#003F80'],\n      neutralColorsx06: ['#FFF4AC', '#98DBA5', '#16BB9C', '#008FA9', '#0063A8', '#003F80'],\n      neutralColorsx07: [\n        '#FFF4AC',\n        '#AADFA6',\n        '#47C79F',\n        '#00A5A1',\n        '#007FAF',\n        '#005DA1',\n        '#003F80',\n      ],\n      neutralColorsx08: [\n        '#FFF4AC',\n        '#B7E2A7',\n        '#66CFA2',\n        '#00B59B',\n        '#0095A7',\n        '#0074B3',\n        '#00589D',\n        '#003F80',\n      ],\n      neutralColorsx09: [\n        '#FFF4AC',\n        '#C1E5A8',\n        '#7CD4A3',\n        '#29C09D',\n        '#00A5A1',\n        '#0089AB',\n        '#006CB3',\n        '#005599',\n        '#003F80',\n      ],\n      neutralColorsx10: [\n        '#FFF4AC',\n        '#C8E7A8',\n        '#8CD8A4',\n        '#47C79F',\n        '#00B29C',\n        '#0099A5',\n        '#007FAF',\n        '#0067AD',\n        '#005396',\n        '#003F80',\n      ],\n    },\n    divergentColors: {\n      colorsx02: ['#d9382d', '#347cbc'],\n      colorsx03: ['#d9382d', '#ffffbf', '#347cbc'],\n      colorsx04: ['#d9382d', '#eea57d', '#89bfdc', '#347cbc'],\n      colorsx05: ['#d9382d', '#eea57d', '#ffffbf', '#89bfdc', '#347cbc'],\n      colorsx06: ['#d9382d', '#e88666', '#f6d39e', '#bae0e1', '#70a8cc', '#347cbc'],\n      colorsx07: ['#d9382d', '#e88666', '#f6d39e', '#ffffbf', '#bae0e1', '#70a8cc', '#347cbc'],\n      colorsx08: [\n        '#d9382d',\n        '#e47559',\n        '#eea57d',\n        '#f6d39e',\n        '#bae0e1',\n        '#89bfdc',\n        '#5f9dcc',\n        '#347cbc',\n      ],\n      colorsx09: [\n        '#d9382d',\n        '#e47559',\n        '#eea57d',\n        '#f6d39e',\n        '#ffffbf',\n        '#bae0e1',\n        '#89bfdc',\n        '#5f9dcc',\n        '#347cbc',\n      ],\n      colorsx10: [\n        '#aa1d09',\n        '#d9382d',\n        '#e47559',\n        '#eea57d',\n        '#f6d39e',\n        '#bae0e1',\n        '#89bfdc',\n        '#5f9dcc',\n        '#347cbc',\n        '#095aab',\n      ],\n      colorsx11: [\n        '#aa1d09',\n        '#d9382d',\n        '#e47559',\n        '#eea57d',\n        '#f6d39e',\n        '#ffffbf',\n        '#bae0e1',\n        '#89bfdc',\n        '#5f9dcc',\n        '#347cbc',\n        '#095aab',\n      ],\n    },\n    bivariateColors: {\n      colors03x03: [\n        ['#e5e5e5', '#7FDCF9', '#0BC6FF'],\n        ['#F99FBA', '#9697D3', '#3690EB'],\n        ['#F4618D', '#A961B3', '#5C61DA'],\n      ],\n      colors04x04: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\n      ],\n      colors05x04: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8'],\n      ],\n      colors04x05: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\n      ],\n      colors05x05: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8', '#5C61DA'],\n      ],\n    },\n  },\n  dark: {\n    graphBackgroundColor: '#232E3D',\n    graphNoData: '#FFFFFF',\n    grays: {\n      white: '#232E3D',\n      'gray-100': '#394250',\n      'gray-200': '#47505C',\n      'gray-300': '#57606D',\n      'gray-400': '#78808A',\n      'gray-500': '#AAB1B6',\n      'gray-550': '#AAB1B6',\n      'gray-600': '#D4D6D8',\n      'gray-700': '#EAEBEC',\n      black: '#FFFFFF',\n    },\n    categoricalColors: {\n      colors: [\n        '#0468B1',\n        '#5DD4F0',\n        '#02A38A',\n        '#E78625',\n        '#E0529E',\n        '#757AF0',\n        '#A0C236',\n        '#FBC412',\n        '#BF8B2E',\n        '#A9B1B7',\n      ],\n    },\n    sequentialColors: {\n      negativeColorsx02: ['#a71c04', '#f6b666'],\n      negativeColorsx03: ['#a71c04', '#d16f34', '#f6b666'],\n      negativeColorsx04: ['#A71C04', '#D64513', '#EB8033', '#F6B666'],\n      negativeColorsx05: ['#850E02', '#C12705', '#E16424', '#F39E4B', '#FBD68A'],\n      negativeColorsx06: ['#650000', '#A01903', '#D54211', '#EC8234', '#F7BD6D', '#FFF4AC'],\n      negativeColorsx07: [\n        '#650000',\n        '#961503',\n        '#C92B06',\n        '#E16424',\n        '#F29641',\n        '#F8C678',\n        '#FFF4AC',\n      ],\n      negativeColorsx08: [\n        '#650000',\n        '#8F1202',\n        '#BB2505',\n        '#D94C17',\n        '#E97A30',\n        '#F4A451',\n        '#F9CD7F',\n        '#FFF4AC',\n      ],\n      negativeColorsx09: [\n        '#650000',\n        '#891002',\n        '#ad190d',\n        '#D2390C',\n        '#E16424',\n        '#EE8938',\n        '#F5AE5D',\n        '#FAD285',\n        '#FFF4AC',\n      ],\n      negativeColorsx10: [\n        '#650000',\n        '#850E02',\n        '#A71C04',\n        '#C92B06',\n        '#DB521A',\n        '#E7752D',\n        '#F29641',\n        '#F6B666',\n        '#FBD68A',\n        '#FFF4AC',\n      ],\n\n      positiveColorsx02: ['#308c56', '#bada81'],\n      positiveColorsx03: ['#308c56', '#6eb560', '#bada81'],\n      positiveColorsx04: ['#308C56', '#58A85A', '#7FC45F', '#BADA81'],\n      positiveColorsx05: ['#187B54', '#429858', '#6CB65D', '#9FD071', '#DDE797'],\n      positiveColorsx06: ['#006A51', '#2C8956', '#56A75A', '#81C55F', '#C1DD85', '#FFF4AC'],\n      positiveColorsx07: [\n        '#006A51',\n        '#248455',\n        '#489D59',\n        '#6CB65D',\n        '#96CD6B',\n        '#CBE18C',\n        '#FFF4AC',\n      ],\n      positiveColorsx08: [\n        '#006A51',\n        '#1F8054',\n        '#3E9558',\n        '#5CAB5B',\n        '#7BC05E',\n        '#A6D374',\n        '#D3E491',\n        '#FFF4AC',\n      ],\n      positiveColorsx09: [\n        '#006A51',\n        '#1B7D54',\n        '#369057',\n        '#51A35A',\n        '#6CB65D',\n        '#88C862',\n        '#B1D77C',\n        '#D8E694',\n        '#FFF4AC',\n      ],\n      positiveColorsx10: [\n        '#006A51',\n        '#187B54',\n        '#308C56',\n        '#489D59',\n        '#60AD5B',\n        '#78BE5E',\n        '#96CD6B',\n        '#BADA81',\n        '#DDE797',\n        '#FFF4AC',\n      ],\n\n      neutralColorsx02: ['#005396', '#5fcda1'],\n      neutralColorsx03: ['#005396', '#458e9d', '#5fcda1'],\n      neutralColorsx04: ['#005396', '#0091A9', '#5FCDA1', '#FFF4AC'],\n      neutralColorsx05: ['#003F80', '#006CB3', '#00A5A1', '#7BD4A3', '#FFF4AC'],\n      neutralColorsx06: ['#003F80', '#0063A8', '#008FA9', '#16BB9C', '#98DBA5', '#FFF4AC'],\n      neutralColorsx07: [\n        '#003F80',\n        '#005DA1',\n        '#007FAF',\n        '#00A5A1',\n        '#47C79F',\n        '#AADFA6',\n        '#FFF4AC',\n      ],\n      neutralColorsx08: [\n        '#003F80',\n        '#00589D',\n        '#0074B3',\n        '#0095A7',\n        '#00B59B',\n        '#66CFA2',\n        '#B7E2A7',\n        '#FFF4AC',\n      ],\n      neutralColorsx09: [\n        '#003F80',\n        '#005599',\n        '#006CB3',\n        '#0089AB',\n        '#00A5A1',\n        '#29C09D',\n        '#7CD4A3',\n        '#C1E5A8',\n        '#FFF4AC',\n      ],\n      neutralColorsx10: [\n        '#003F80',\n        '#005396',\n        '#0067AD',\n        '#007FAF',\n        '#0099A5',\n        '#00B29C',\n        '#47C79F',\n        '#8CD8A4',\n        '#C8E7A8',\n        '#FFF4AC',\n      ],\n    },\n    divergentColors: {\n      colorsx02: ['#347cbc', '#d9382d'],\n      colorsx03: ['#347cbc', '#ffffbf', '#d9382d'],\n      colorsx04: ['#347cbc', '#89bfdc', '#eea57d', '#d9382d'],\n      colorsx05: ['#347cbc', '#89bfdc', '#ffffbf', '#eea57d', '#d9382d'],\n      colorsx06: ['#347cbc', '#70a8cc', '#bae0e1', '#f6d39e', '#e88666', '#d9382d'],\n      colorsx07: ['#347cbc', '#70a8cc', '#bae0e1', '#ffffbf', '#f6d39e', '#e88666', '#d9382d'],\n      colorsx08: [\n        '#347cbc',\n        '#5f9dcc',\n        '#89bfdc',\n        '#bae0e1',\n        '#f6d39e',\n        '#eea57d',\n        '#e47559',\n        '#d9382d',\n      ],\n      colorsx09: [\n        '#347cbc',\n        '#5f9dcc',\n        '#89bfdc',\n        '#bae0e1',\n        '#ffffbf',\n        '#f6d39e',\n        '#eea57d',\n        '#e47559',\n        '#d9382d',\n      ],\n      colorsx10: [\n        '#095aab',\n        '#347cbc',\n        '#5f9dcc',\n        '#89bfdc',\n        '#bae0e1',\n        '#f6d39e',\n        '#eea57d',\n        '#e47559',\n        '#d9382d',\n        '#aa1d09',\n      ],\n      colorsx11: [\n        '#095aab',\n        '#347cbc',\n        '#5f9dcc',\n        '#89bfdc',\n        '#bae0e1',\n        '#ffffbf',\n        '#f6d39e',\n        '#eea57d',\n        '#e47559',\n        '#d9382d',\n        '#aa1d09',\n      ],\n    },\n    bivariateColors: {\n      colors03x03: [\n        ['#e5e5e5', '#7FDCF9', '#0BC6FF'],\n        ['#F99FBA', '#9697D3', '#3690EB'],\n        ['#F4618D', '#A961B3', '#5C61DA'],\n      ],\n      colors04x04: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\n      ],\n      colors05x04: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4'],\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8'],\n      ],\n      colors04x05: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\n      ],\n      colors05x05: [\n        ['#e5e5e5', '#BAE7F6', '#7FDCF9', '#41D0FC', '#0BC6FF'],\n        ['#F6C5D4', '#BFBEDD', '#88B8E5', '#57B2ED', '#21ABF5'],\n        ['#F99FBA', '#C89BC6', '#9697D3', '#6494DF', '#3690EB'],\n        ['#F782A5', '#D180B3', '#9F7DC5', '#727AD4', '#4978E3'],\n        ['#F4618D', '#D2619F', '#A961B3', '#8061C8', '#5C61DA'],\n      ],\n    },\n  },\n};\n"],"mappings":";AAAA,IAAa,IAAS;CACpB,MAAM;CACN,gBAAgB;CAChB,eAAe;EACb,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,YAAY;CACd;CACA,cAAc;EACZ,MAAM;EACN,QAAQ;CACV;CACA,gBAAgB;EACd,OAAO;EACP,OAAO;CACT;CACA,QAAQ;EACN,aAAa;EACb,QAAQ;EACR,YAAY;EACZ,UAAU;EACV,KAAK;EACL,SAAS;EACT,YAAY;EACZ,OAAO;EACP,WAAW;EACX,YAAY;EACZ,OAAO;EACP,WAAW;CACb;CACA,WAAW;EACT,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;CACT;CACA,OAAO;EACL,sBAAsB;EACtB,aAAa;EACb,OAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,OAAO;EACT;EACA,mBAAmB,EACjB,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EACF;EACA,kBAAkB;GAChB,mBAAmB,CAAC,WAAW,SAAS;GACxC,mBAAmB;IAAC;IAAW;IAAW;GAAS;GACnD,mBAAmB;IAAC;IAAW;IAAW;IAAW;GAAS;GAC9D,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACzE,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACpF,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GAEA,mBAAmB,CAAC,WAAW,SAAS;GACxC,mBAAmB;IAAC;IAAW;IAAW;GAAS;GACnD,mBAAmB;IAAC;IAAW;IAAW;IAAW;GAAS;GAC9D,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACzE,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACpF,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GAEA,kBAAkB,CAAC,WAAW,SAAS;GACvC,kBAAkB;IAAC;IAAW;IAAW;GAAS;GAClD,kBAAkB;IAAC;IAAW;IAAW;IAAW;GAAS;GAC7D,kBAAkB;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACxE,kBAAkB;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACnF,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,iBAAiB;GACf,WAAW,CAAC,WAAW,SAAS;GAChC,WAAW;IAAC;IAAW;IAAW;GAAS;GAC3C,WAAW;IAAC;IAAW;IAAW;IAAW;GAAS;GACtD,WAAW;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACjE,WAAW;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GAC5E,WAAW;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACvF,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,iBAAiB;GACf,aAAa;IACX;KAAC;KAAW;KAAW;IAAS;IAChC;KAAC;KAAW;KAAW;IAAS;IAChC;KAAC;KAAW;KAAW;IAAS;GAClC;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;GAC7C;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;GAC7C;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;GACxD;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;GACxD;EACF;CACF;CACA,MAAM;EACJ,sBAAsB;EACtB,aAAa;EACb,OAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,OAAO;EACT;EACA,mBAAmB,EACjB,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,EACF;EACA,kBAAkB;GAChB,mBAAmB,CAAC,WAAW,SAAS;GACxC,mBAAmB;IAAC;IAAW;IAAW;GAAS;GACnD,mBAAmB;IAAC;IAAW;IAAW;IAAW;GAAS;GAC9D,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACzE,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACpF,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GAEA,mBAAmB,CAAC,WAAW,SAAS;GACxC,mBAAmB;IAAC;IAAW;IAAW;GAAS;GACnD,mBAAmB;IAAC;IAAW;IAAW;IAAW;GAAS;GAC9D,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACzE,mBAAmB;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACpF,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,mBAAmB;IACjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GAEA,kBAAkB,CAAC,WAAW,SAAS;GACvC,kBAAkB;IAAC;IAAW;IAAW;GAAS;GAClD,kBAAkB;IAAC;IAAW;IAAW;IAAW;GAAS;GAC7D,kBAAkB;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACxE,kBAAkB;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACnF,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,kBAAkB;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,iBAAiB;GACf,WAAW,CAAC,WAAW,SAAS;GAChC,WAAW;IAAC;IAAW;IAAW;GAAS;GAC3C,WAAW;IAAC;IAAW;IAAW;IAAW;GAAS;GACtD,WAAW;IAAC;IAAW;IAAW;IAAW;IAAW;GAAS;GACjE,WAAW;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GAC5E,WAAW;IAAC;IAAW;IAAW;IAAW;IAAW;IAAW;IAAW;GAAS;GACvF,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,iBAAiB;GACf,aAAa;IACX;KAAC;KAAW;KAAW;IAAS;IAChC;KAAC;KAAW;KAAW;IAAS;IAChC;KAAC;KAAW;KAAW;IAAS;GAClC;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;GAC7C;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;IAC3C;KAAC;KAAW;KAAW;KAAW;IAAS;GAC7C;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;GACxD;GACA,aAAa;IACX;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;IACtD;KAAC;KAAW;KAAW;KAAW;KAAW;IAAS;GACxD;EACF;CACF;AACF"}

package/dist/CompareMaps-BFz1TfXL.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./GraphFooter.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./GraphContainer-7xAPK4Tb.cjs`),o=require(`./string2HTML-CyL1MYMB.cjs`),s=require(`./select-CZVfejpg.cjs`);;/* empty css                       */let c=require(`react`);c=e.a(c,1);let l=require(`maplibre-gl`);l=e.a(l,1);let u=require(`pmtiles`);u=e.a(u,1);let d=require(`@dnd-kit/core`),f=require(`@dnd-kit/modifiers`);var p=t.t();function m(e,t){let n=!1;function r(e,t){if(!n){n=!0;let r=e.getCenter(),i=e.getZoom(),a=e.getBearing(),o=e.getPitch();t.jumpTo({center:r,zoom:i,bearing:a,pitch:o}),n=!1}}e.on(`move`,()=>{r(e,t)}),t.on(`move`,()=>{r(t,e)})}function h(e){let{height:t,width:r,mapStyles:i,center:a,zoomLevel:h,mapLegend:_}=e,[v,y]=(0,c.useState)(50),[b,x]=(0,c.useState)(!1),S=(0,c.useRef)(null),[C,w]=(0,c.useState)(!0),T=(0,c.useRef)(50),E=(0,c.useRef)(0),D=(0,d.useSensors)((0,d.useSensor)(d.PointerSensor,{activationConstraint:{distance:0}})),O=()=>{x(!0),T.current=v,S.current&&(E.current=S.current.getBoundingClientRect().width)},k=e=>{if(!S.current||E.current===0)return;let t=e.delta.x/E.current*100;y(Math.max(0,Math.min(100,T.current+t)))},A=()=>{x(!1)},j=e=>{if(b||!S.current)return;let t=S.current.getBoundingClientRect(),n=(e.clientX-t.left)/t.width*100;y(Math.max(0,Math.min(100,n)))},M=(0,c.useRef)(null),N=(0,c.useRef)(null),P=(0,c.useRef)(null),F=(0,c.useRef)(null);return(0,c.useEffect)(()=>{if(F.current&&N.current&&P.current&&r){s.t(F.current).selectAll(`.maplibregl-compare`).remove(),s.t(N.current).selectAll(`div`).remove(),s.t(P.current).selectAll(`div`).remove();let e=new u.Protocol;l.addProtocol(`pmtiles`,e.tile);let t=new l.Map({container:N.current,style:i[0],center:a||[0,0],zoom:h||4}),n=new l.Map({container:P.current,style:i[1],center:a||[0,0],zoom:h||4});n.addControl(new l.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),`bottom-right`),t.addControl(new l.ScaleControl,`bottom-left`),t.addControl(new l.NavigationControl({visualizePitch:!0,showZoom:!0,showCompass:!0}),`bottom-right`),n.addControl(new l.ScaleControl,`bottom-left`),m(t,n)}},[r,i,a,h]),(0,p.jsxs)(`div`,{className:`flex flex-col grow justify-center leading-0`,ref:M,children:[(0,p.jsx)(`div`,{style:{width:r,height:t},children:(0,p.jsx)(`div`,{ref:F,className:`map maplibre-show-control relative w-full h-full`,style:{inset:0},children:(0,p.jsx)(d.DndContext,{sensors:D,modifiers:[f.restrictToHorizontalAxis],onDragStart:O,onDragMove:k,onDragEnd:A,children:(0,p.jsxs)(`div`,{ref:S,style:{position:`relative`,width:r,height:t,overflow:`hidden`,cursor:b?`grabbing`:`col-resize`,userSelect:`none`},onClick:j,children:[(0,p.jsx)(`div`,{ref:P,className:`absolute h-full rightMap w-full`,style:{position:`absolute`,top:0,left:0,clipPath:`polygon(${v}% 0%, ${v}% 100%, 100% 100%, 100% 0%)`}}),(0,p.jsx)(`div`,{ref:N,className:`absolute h-full leftMap w-full`,style:{position:`absolute`,top:0,left:0,inset:0,clipPath:`polygon(0% 0%, ${v}% 0%, ${v}% 100%, 0% 100%)`}}),(0,p.jsx)(g,{position:v})]})})})}),_?(0,p.jsx)(`div`,{className:`absolute left-[22px] bottom-13`,children:C?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`button`,{type:`button`,className:`color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]`,onClick:()=>{w(!1)},children:(0,p.jsx)(n.m,{})}),(0,p.jsx)(`div`,{className:`color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]`,dangerouslySetInnerHTML:typeof _==`string`?{__html:o.t(_)}:void 0,children:c.default.isValidElement(_)?_:null})]}):(0,p.jsx)(`button`,{type:`button`,className:`p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button`,onClick:()=>{w(!0)},children:(0,p.jsx)(n.i,{})})}):null]})}function g(e){let{position:t}=e,{attributes:r,listeners:i,setNodeRef:a}=(0,d.useDraggable)({id:`slider-handle`});return(0,p.jsxs)(`div`,{ref:a,style:{position:`absolute`,left:`${t}%`,top:0,bottom:0,width:`40px`,transform:`translateX(-50%)`,cursor:`col-resize`,display:`flex`,justifyContent:`center`,alignItems:`center`,zIndex:10,touchAction:`none`},...i,...r,children:[(0,p.jsx)(`div`,{className:`h-full bg-primary-blue-600 dark:bg-primary-blue-400`,style:{width:`2px`}}),(0,p.jsx)(`div`,{className:`flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white`,style:{boxShadow:`inset 0 0 0 1px #fff`,width:`42px`,height:`42px`,top:`calc(50% - 21px)`,left:`0`,cursor:`col-resize`},children:(0,p.jsx)(n.n,{})})]})}function _(e){let{graphTitle:t,height:n,width:o,relativeHeight:s,sources:l,graphDescription:u,footNote:d,padding:f,backgroundColor:m=!1,graphID:g,mapStyles:_,center:v=[0,0],zoomLevel:y=3,language:b=`en`,minHeight:x=0,theme:S=`light`,ariaLabel:C,styles:w,classNames:T,mapLegend:E}=e,[D,O]=(0,c.useState)(0),[k,A]=(0,c.useState)(0),j=(0,c.useRef)(null),M=(0,c.useRef)(null);return(0,c.useEffect)(()=>{let e=new ResizeObserver(e=>{O(e[0].target.clientWidth||620),A(e[0].target.clientHeight||480)});return j.current&&e.observe(j.current),()=>e.disconnect()},[]),(0,p.jsxs)(a.n,{className:T?.graphContainer,style:w?.graphContainer,id:g,ref:M,"aria-label":C,backgroundColor:m,theme:S,language:b,minHeight:x,width:o,height:n,relativeHeight:s,padding:f,children:[t||u?(0,p.jsx)(i.GraphHeader,{styles:{title:w?.title,description:w?.description},classNames:{title:T?.title,description:T?.description},graphTitle:t,graphDescription:u,width:o}):null,(0,p.jsx)(a.t,{ref:j,children:D&&k?(0,p.jsx)(h,{width:D,height:k,mapStyles:_,center:v,zoomLevel:y,mapLegend:E}):null}),l||d?(0,p.jsx)(r.GraphFooter,{styles:{footnote:w?.footnote,source:w?.source},classNames:{footnote:T?.footnote,source:T?.source},sources:l,footNote:d,width:o}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=CompareMaps-BFz1TfXL.cjs.map

package/dist/CompareMaps-BFz1TfXL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareMaps-BFz1TfXL.cjs","names":[],"sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import * as maplibreGl from 'maplibre-gl';\nimport * as pmtiles from 'pmtiles';\nimport { useEffect, useRef, useState } from 'react';\nimport 'maplibre-gl/dist/maplibre-gl.css';\nimport {\n  DndContext,\n  type DragMoveEvent,\n  PointerSensor,\n  useDraggable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\nimport { select } from 'd3-selection';\nimport React from 'react';\n\nimport { ChevronLeftRight, ExpandIcon, X } from '@/Components/Icons';\nimport { string2HTML } from '@/Utils/string2HTML';\n\ninterface Props {\n  width: number;\n  height: number;\n  mapStyles: [string, string];\n  center: [number, number];\n  mapLegend?: string | React.ReactNode;\n  zoomLevel: number;\n}\n\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\n  let isSyncing = false;\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\n    if (!isSyncing) {\n      isSyncing = true;\n      const center = sourceMap.getCenter();\n      const zoom = sourceMap.getZoom();\n      const bearing = sourceMap.getBearing();\n      const pitch = sourceMap.getPitch();\n      targetMap.jumpTo({\n        center,\n        zoom,\n        bearing,\n        pitch,\n      });\n      isSyncing = false;\n    }\n  }\n\n  // Event listeners for map1\n  map1.on('move', () => {\n    syncMap(map1, map2);\n  });\n\n  // Event listeners for map2\n  map2.on('move', () => {\n    syncMap(map2, map1);\n  });\n}\n\nexport function Graph(props: Props) {\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\n  const [position, setPosition] = useState(50);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [showLegend, setShowLegend] = useState(true);\n  const dragStartPositionRef = useRef(50);\n  const sliderWidthRef = useRef(0);\n\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\n\n  const handleDragStart = () => {\n    setIsDragging(true);\n    dragStartPositionRef.current = position;\n\n    if (containerRef.current) {\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\n    }\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\n\n    // Calculate position change as percentage of width\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\n\n    setPosition(newPosition);\n  };\n\n  const handleDragEnd = () => {\n    setIsDragging(false);\n  };\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (isDragging || !containerRef.current) return;\n\n    const rect = containerRef.current.getBoundingClientRect();\n    const clickX = e.clientX - rect.left;\n    const newPosition = (clickX / rect.width) * 100;\n\n    setPosition(Math.max(0, Math.min(100, newPosition)));\n  };\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const leftMapRef = useRef<HTMLDivElement>(null);\n  const rightMapRef = useRef<HTMLDivElement>(null);\n  const mapContainer = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\n      const mapDiv = select(mapContainer.current);\n      mapDiv.selectAll('.maplibregl-compare').remove();\n      const leftMapDiv = select(leftMapRef.current);\n      leftMapDiv.selectAll('div').remove();\n      const rightMapDiv = select(rightMapRef.current);\n      rightMapDiv.selectAll('div').remove();\n      const protocol = new pmtiles.Protocol();\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\n      const leftMap = new maplibreGl.Map({\n        container: leftMapRef.current,\n        style: mapStyles[0],\n        center: center || [0, 0],\n        zoom: zoomLevel || 4,\n      });\n\n      const rightMap = new maplibreGl.Map({\n        container: rightMapRef.current,\n        style: mapStyles[1],\n        center: center || [0, 0],\n        zoom: zoomLevel || 4,\n      });\n      rightMap.addControl(\n        new maplibreGl.NavigationControl({\n          visualizePitch: true,\n          showZoom: true,\n          showCompass: true,\n        }),\n        'bottom-right',\n      );\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\n      leftMap.addControl(\n        new maplibreGl.NavigationControl({\n          visualizePitch: true,\n          showZoom: true,\n          showCompass: true,\n        }),\n        'bottom-right',\n      );\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\n      synchronizeMap(leftMap, rightMap);\n    }\n  }, [width, mapStyles, center, zoomLevel]);\n  return (\n    <div className='flex flex-col grow justify-center leading-0' ref={graphDiv}>\n      <div\n        style={{\n          width,\n          height,\n        }}\n      >\n        <div\n          ref={mapContainer}\n          className='map maplibre-show-control relative w-full h-full'\n          style={{ inset: 0 }}\n        >\n          <DndContext\n            sensors={sensors}\n            modifiers={[restrictToHorizontalAxis]}\n            onDragStart={handleDragStart}\n            onDragMove={handleDragMove}\n            onDragEnd={handleDragEnd}\n          >\n            {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for dragging handle */}\n            {/** biome-ignore lint/a11y/useKeyWithClickEvents: only applicable for dragging */}\n            <div\n              ref={containerRef}\n              style={{\n                position: 'relative',\n                width,\n                height,\n                overflow: 'hidden',\n                cursor: isDragging ? 'grabbing' : 'col-resize',\n                userSelect: 'none', // Prevent text selection during drag\n              }}\n              onClick={handleClick}\n            >\n              <div\n                ref={rightMapRef}\n                className='absolute h-full rightMap w-full'\n                style={{\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\n                }}\n              />\n              <div\n                ref={leftMapRef}\n                className='absolute h-full leftMap w-full'\n                style={{\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  inset: 0,\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\n                }}\n              />\n\n              <SliderHandle position={position} />\n            </div>\n          </DndContext>\n        </div>\n      </div>\n      {mapLegend ? (\n        <div className='absolute left-[22px] bottom-13'>\n          {showLegend ? (\n            <>\n              <button\n                type='button'\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                onClick={() => {\n                  setShowLegend(false);\n                }}\n              >\n                <X />\n              </button>\n              <div\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                // biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: Allow setInnerHTML here\n                // biome-ignore lint/security/noDangerouslySetInnerHtml: Allow setInnerHTML here\n                dangerouslySetInnerHTML={\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\n                }\n              >\n                {React.isValidElement(mapLegend) ? mapLegend : null}\n              </div>\n            </>\n          ) : (\n            <button\n              type='button'\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n              onClick={() => {\n                setShowLegend(true);\n              }}\n            >\n              <ExpandIcon />\n            </button>\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\ninterface HandleProps {\n  position: number;\n}\n\nfunction SliderHandle(props: HandleProps) {\n  const { position } = props;\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        position: 'absolute',\n        left: `${position}%`,\n        top: 0,\n        bottom: 0,\n        width: '40px',\n        transform: 'translateX(-50%)',\n        cursor: 'col-resize',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        zIndex: 10,\n        touchAction: 'none',\n      }}\n      {...listeners}\n      {...attributes}\n    >\n      <div\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\n        style={{ width: '2px' }}\n      />\n      <div\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\n        style={{\n          boxShadow: 'inset 0 0 0 1px #fff',\n          width: '42px',\n          height: '42px',\n          top: 'calc(50% - 21px)',\n          left: '0',\n          cursor: 'col-resize',\n        }}\n      >\n        <ChevronLeftRight />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** URLs for mapStyles JSON user wants to compare  */\n  mapStyles: [string, string];\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\n  mapLegend?: string | React.ReactNode;\n  /** Starting center point of the map */\n  center?: [number, number];\n  /** Starting zoom level of the map */\n  zoomLevel?: number;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\nexport function GeoHubCompareMaps(props: Props) {\n  const {\n    graphTitle,\n    height,\n    width,\n    relativeHeight,\n    sources,\n    graphDescription,\n    footNote,\n    padding,\n    backgroundColor = false,\n    graphID,\n    mapStyles,\n    center = [0, 0],\n    zoomLevel = 3,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    styles,\n    classNames,\n    mapLegend,\n  } = props;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight ? (\n          <Graph\n            width={svgWidth}\n            height={svgHeight}\n            mapStyles={mapStyles}\n            center={center}\n            zoomLevel={zoomLevel}\n            mapLegend={mapLegend}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/CompareMaps-DaZgF5Pf.js

@@ -0,0 +1,265 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { i as t, m as n, n as r } from "./Icons-BLXwPP3h.js";
+import { GraphFooter as i } from "./GraphFooter.js";
+import { GraphHeader as a } from "./GraphHeader.js";
+import { n as o, t as s } from "./GraphContainer-DgEB1AVN.js";
+import { t as c } from "./string2HTML-CvbtZnul.js";
+import { t as l } from "./select-0Z0HV7nm.js";
+/* empty css                     */
+import u, { useEffect as d, useRef as f, useState as p } from "react";
+import * as m from "maplibre-gl";
+import * as h from "pmtiles";
+import { DndContext as g, PointerSensor as _, useDraggable as v, useSensor as y, useSensors as b } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as x } from "@dnd-kit/modifiers";
+//#region src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx
+var S = e();
+function C(e, t) {
+	let n = !1;
+	function r(e, t) {
+		if (!n) {
+			n = !0;
+			let r = e.getCenter(), i = e.getZoom(), a = e.getBearing(), o = e.getPitch();
+			t.jumpTo({
+				center: r,
+				zoom: i,
+				bearing: a,
+				pitch: o
+			}), n = !1;
+		}
+	}
+	e.on("move", () => {
+		r(e, t);
+	}), t.on("move", () => {
+		r(t, e);
+	});
+}
+function w(e) {
+	let { height: r, width: i, mapStyles: a, center: o, zoomLevel: s, mapLegend: v } = e, [w, E] = p(50), [D, O] = p(!1), k = f(null), [A, j] = p(!0), M = f(50), N = f(0), P = b(y(_, { activationConstraint: { distance: 0 } })), F = () => {
+		O(!0), M.current = w, k.current && (N.current = k.current.getBoundingClientRect().width);
+	}, I = (e) => {
+		if (!k.current || N.current === 0) return;
+		let t = e.delta.x / N.current * 100;
+		E(Math.max(0, Math.min(100, M.current + t)));
+	}, L = () => {
+		O(!1);
+	}, R = (e) => {
+		if (D || !k.current) return;
+		let t = k.current.getBoundingClientRect(), n = (e.clientX - t.left) / t.width * 100;
+		E(Math.max(0, Math.min(100, n)));
+	}, z = f(null), B = f(null), V = f(null), H = f(null);
+	return d(() => {
+		if (H.current && B.current && V.current && i) {
+			l(H.current).selectAll(".maplibregl-compare").remove(), l(B.current).selectAll("div").remove(), l(V.current).selectAll("div").remove();
+			let e = new h.Protocol();
+			m.addProtocol("pmtiles", e.tile);
+			let t = new m.Map({
+				container: B.current,
+				style: a[0],
+				center: o || [0, 0],
+				zoom: s || 4
+			}), n = new m.Map({
+				container: V.current,
+				style: a[1],
+				center: o || [0, 0],
+				zoom: s || 4
+			});
+			n.addControl(new m.NavigationControl({
+				visualizePitch: !0,
+				showZoom: !0,
+				showCompass: !0
+			}), "bottom-right"), t.addControl(new m.ScaleControl(), "bottom-left"), t.addControl(new m.NavigationControl({
+				visualizePitch: !0,
+				showZoom: !0,
+				showCompass: !0
+			}), "bottom-right"), n.addControl(new m.ScaleControl(), "bottom-left"), C(t, n);
+		}
+	}, [
+		i,
+		a,
+		o,
+		s
+	]), /* @__PURE__ */ (0, S.jsxs)("div", {
+		className: "flex flex-col grow justify-center leading-0",
+		ref: z,
+		children: [/* @__PURE__ */ (0, S.jsx)("div", {
+			style: {
+				width: i,
+				height: r
+			},
+			children: /* @__PURE__ */ (0, S.jsx)("div", {
+				ref: H,
+				className: "map maplibre-show-control relative w-full h-full",
+				style: { inset: 0 },
+				children: /* @__PURE__ */ (0, S.jsx)(g, {
+					sensors: P,
+					modifiers: [x],
+					onDragStart: F,
+					onDragMove: I,
+					onDragEnd: L,
+					children: /* @__PURE__ */ (0, S.jsxs)("div", {
+						ref: k,
+						style: {
+							position: "relative",
+							width: i,
+							height: r,
+							overflow: "hidden",
+							cursor: D ? "grabbing" : "col-resize",
+							userSelect: "none"
+						},
+						onClick: R,
+						children: [
+							/* @__PURE__ */ (0, S.jsx)("div", {
+								ref: V,
+								className: "absolute h-full rightMap w-full",
+								style: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									clipPath: `polygon(${w}% 0%, ${w}% 100%, 100% 100%, 100% 0%)`
+								}
+							}),
+							/* @__PURE__ */ (0, S.jsx)("div", {
+								ref: B,
+								className: "absolute h-full leftMap w-full",
+								style: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									inset: 0,
+									clipPath: `polygon(0% 0%, ${w}% 0%, ${w}% 100%, 0% 100%)`
+								}
+							}),
+							/* @__PURE__ */ (0, S.jsx)(T, { position: w })
+						]
+					})
+				})
+			})
+		}), v ? /* @__PURE__ */ (0, S.jsx)("div", {
+			className: "absolute left-[22px] bottom-13",
+			children: A ? /* @__PURE__ */ (0, S.jsxs)(S.Fragment, { children: [/* @__PURE__ */ (0, S.jsx)("button", {
+				type: "button",
+				className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",
+				onClick: () => {
+					j(!1);
+				},
+				children: /* @__PURE__ */ (0, S.jsx)(n, {})
+			}), /* @__PURE__ */ (0, S.jsx)("div", {
+				className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
+				dangerouslySetInnerHTML: typeof v == "string" ? { __html: c(v) } : void 0,
+				children: u.isValidElement(v) ? v : null
+			})] }) : /* @__PURE__ */ (0, S.jsx)("button", {
+				type: "button",
+				className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",
+				onClick: () => {
+					j(!0);
+				},
+				children: /* @__PURE__ */ (0, S.jsx)(t, {})
+			})
+		}) : null]
+	});
+}
+function T(e) {
+	let { position: t } = e, { attributes: n, listeners: i, setNodeRef: a } = v({ id: "slider-handle" });
+	return /* @__PURE__ */ (0, S.jsxs)("div", {
+		ref: a,
+		style: {
+			position: "absolute",
+			left: `${t}%`,
+			top: 0,
+			bottom: 0,
+			width: "40px",
+			transform: "translateX(-50%)",
+			cursor: "col-resize",
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			zIndex: 10,
+			touchAction: "none"
+		},
+		...i,
+		...n,
+		children: [/* @__PURE__ */ (0, S.jsx)("div", {
+			className: "h-full bg-primary-blue-600 dark:bg-primary-blue-400",
+			style: { width: "2px" }
+		}), /* @__PURE__ */ (0, S.jsx)("div", {
+			className: "flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white",
+			style: {
+				boxShadow: "inset 0 0 0 1px #fff",
+				width: "42px",
+				height: "42px",
+				top: "calc(50% - 21px)",
+				left: "0",
+				cursor: "col-resize"
+			},
+			children: /* @__PURE__ */ (0, S.jsx)(r, {})
+		})]
+	});
+}
+//#endregion
+//#region src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx
+function E(e) {
+	let { graphTitle: t, height: n, width: r, relativeHeight: c, sources: l, graphDescription: u, footNote: m, padding: h, backgroundColor: g = !1, graphID: _, mapStyles: v, center: y = [0, 0], zoomLevel: b = 3, language: x = "en", minHeight: C = 0, theme: T = "light", ariaLabel: E, styles: D, classNames: O, mapLegend: k } = e, [A, j] = p(0), [M, N] = p(0), P = f(null), F = f(null);
+	return d(() => {
+		let e = new ResizeObserver((e) => {
+			j(e[0].target.clientWidth || 620), N(e[0].target.clientHeight || 480);
+		});
+		return P.current && e.observe(P.current), () => e.disconnect();
+	}, []), /* @__PURE__ */ (0, S.jsxs)(o, {
+		className: O?.graphContainer,
+		style: D?.graphContainer,
+		id: _,
+		ref: F,
+		"aria-label": E,
+		backgroundColor: g,
+		theme: T,
+		language: x,
+		minHeight: C,
+		width: r,
+		height: n,
+		relativeHeight: c,
+		padding: h,
+		children: [
+			t || u ? /* @__PURE__ */ (0, S.jsx)(a, {
+				styles: {
+					title: D?.title,
+					description: D?.description
+				},
+				classNames: {
+					title: O?.title,
+					description: O?.description
+				},
+				graphTitle: t,
+				graphDescription: u,
+				width: r
+			}) : null,
+			/* @__PURE__ */ (0, S.jsx)(s, {
+				ref: P,
+				children: A && M ? /* @__PURE__ */ (0, S.jsx)(w, {
+					width: A,
+					height: M,
+					mapStyles: v,
+					center: y,
+					zoomLevel: b,
+					mapLegend: k
+				}) : null
+			}),
+			l || m ? /* @__PURE__ */ (0, S.jsx)(i, {
+				styles: {
+					footnote: D?.footnote,
+					source: D?.source
+				},
+				classNames: {
+					footnote: O?.footnote,
+					source: O?.source
+				},
+				sources: l,
+				footNote: m,
+				width: r
+			}) : null
+		]
+	});
+}
+//#endregion
+export { E as t };
+
+//# sourceMappingURL=CompareMaps-DaZgF5Pf.js.map

package/dist/CompareMaps-DaZgF5Pf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareMaps-DaZgF5Pf.js","names":[],"sources":["../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/Graph.tsx","../src/Components/Graphs/Maps/GeoHubMaps/CompareMaps/index.tsx"],"sourcesContent":["import * as maplibreGl from 'maplibre-gl';\nimport * as pmtiles from 'pmtiles';\nimport { useEffect, useRef, useState } from 'react';\nimport 'maplibre-gl/dist/maplibre-gl.css';\nimport {\n  DndContext,\n  type DragMoveEvent,\n  PointerSensor,\n  useDraggable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\nimport { select } from 'd3-selection';\nimport React from 'react';\n\nimport { ChevronLeftRight, ExpandIcon, X } from '@/Components/Icons';\nimport { string2HTML } from '@/Utils/string2HTML';\n\ninterface Props {\n  width: number;\n  height: number;\n  mapStyles: [string, string];\n  center: [number, number];\n  mapLegend?: string | React.ReactNode;\n  zoomLevel: number;\n}\n\nfunction synchronizeMap(map1: maplibreGl.Map, map2: maplibreGl.Map) {\n  let isSyncing = false;\n  function syncMap(sourceMap: maplibreGl.Map, targetMap: maplibreGl.Map) {\n    if (!isSyncing) {\n      isSyncing = true;\n      const center = sourceMap.getCenter();\n      const zoom = sourceMap.getZoom();\n      const bearing = sourceMap.getBearing();\n      const pitch = sourceMap.getPitch();\n      targetMap.jumpTo({\n        center,\n        zoom,\n        bearing,\n        pitch,\n      });\n      isSyncing = false;\n    }\n  }\n\n  // Event listeners for map1\n  map1.on('move', () => {\n    syncMap(map1, map2);\n  });\n\n  // Event listeners for map2\n  map2.on('move', () => {\n    syncMap(map2, map1);\n  });\n}\n\nexport function Graph(props: Props) {\n  const { height, width, mapStyles, center, zoomLevel, mapLegend } = props;\n  const [position, setPosition] = useState(50);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [showLegend, setShowLegend] = useState(true);\n  const dragStartPositionRef = useRef(50);\n  const sliderWidthRef = useRef(0);\n\n  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 0 } }));\n\n  const handleDragStart = () => {\n    setIsDragging(true);\n    dragStartPositionRef.current = position;\n\n    if (containerRef.current) {\n      sliderWidthRef.current = containerRef.current.getBoundingClientRect().width;\n    }\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {\n    if (!containerRef.current || sliderWidthRef.current === 0) return;\n\n    // Calculate position change as percentage of width\n    const deltaPercentage = (event.delta.x / sliderWidthRef.current) * 100;\n    const newPosition = Math.max(0, Math.min(100, dragStartPositionRef.current + deltaPercentage));\n\n    setPosition(newPosition);\n  };\n\n  const handleDragEnd = () => {\n    setIsDragging(false);\n  };\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (isDragging || !containerRef.current) return;\n\n    const rect = containerRef.current.getBoundingClientRect();\n    const clickX = e.clientX - rect.left;\n    const newPosition = (clickX / rect.width) * 100;\n\n    setPosition(Math.max(0, Math.min(100, newPosition)));\n  };\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const leftMapRef = useRef<HTMLDivElement>(null);\n  const rightMapRef = useRef<HTMLDivElement>(null);\n  const mapContainer = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (mapContainer.current && leftMapRef.current && rightMapRef.current && width) {\n      const mapDiv = select(mapContainer.current);\n      mapDiv.selectAll('.maplibregl-compare').remove();\n      const leftMapDiv = select(leftMapRef.current);\n      leftMapDiv.selectAll('div').remove();\n      const rightMapDiv = select(rightMapRef.current);\n      rightMapDiv.selectAll('div').remove();\n      const protocol = new pmtiles.Protocol();\n      maplibreGl.addProtocol('pmtiles', protocol.tile);\n      const leftMap = new maplibreGl.Map({\n        container: leftMapRef.current,\n        style: mapStyles[0],\n        center: center || [0, 0],\n        zoom: zoomLevel || 4,\n      });\n\n      const rightMap = new maplibreGl.Map({\n        container: rightMapRef.current,\n        style: mapStyles[1],\n        center: center || [0, 0],\n        zoom: zoomLevel || 4,\n      });\n      rightMap.addControl(\n        new maplibreGl.NavigationControl({\n          visualizePitch: true,\n          showZoom: true,\n          showCompass: true,\n        }),\n        'bottom-right',\n      );\n      leftMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\n      leftMap.addControl(\n        new maplibreGl.NavigationControl({\n          visualizePitch: true,\n          showZoom: true,\n          showCompass: true,\n        }),\n        'bottom-right',\n      );\n      rightMap.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\n      synchronizeMap(leftMap, rightMap);\n    }\n  }, [width, mapStyles, center, zoomLevel]);\n  return (\n    <div className='flex flex-col grow justify-center leading-0' ref={graphDiv}>\n      <div\n        style={{\n          width,\n          height,\n        }}\n      >\n        <div\n          ref={mapContainer}\n          className='map maplibre-show-control relative w-full h-full'\n          style={{ inset: 0 }}\n        >\n          <DndContext\n            sensors={sensors}\n            modifiers={[restrictToHorizontalAxis]}\n            onDragStart={handleDragStart}\n            onDragMove={handleDragMove}\n            onDragEnd={handleDragEnd}\n          >\n            {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for dragging handle */}\n            {/** biome-ignore lint/a11y/useKeyWithClickEvents: only applicable for dragging */}\n            <div\n              ref={containerRef}\n              style={{\n                position: 'relative',\n                width,\n                height,\n                overflow: 'hidden',\n                cursor: isDragging ? 'grabbing' : 'col-resize',\n                userSelect: 'none', // Prevent text selection during drag\n              }}\n              onClick={handleClick}\n            >\n              <div\n                ref={rightMapRef}\n                className='absolute h-full rightMap w-full'\n                style={{\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  clipPath: `polygon(${position}% 0%, ${position}% 100%, 100% 100%, 100% 0%)`,\n                }}\n              />\n              <div\n                ref={leftMapRef}\n                className='absolute h-full leftMap w-full'\n                style={{\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  inset: 0,\n                  clipPath: `polygon(0% 0%, ${position}% 0%, ${position}% 100%, 0% 100%)`,\n                }}\n              />\n\n              <SliderHandle position={position} />\n            </div>\n          </DndContext>\n        </div>\n      </div>\n      {mapLegend ? (\n        <div className='absolute left-[22px] bottom-13'>\n          {showLegend ? (\n            <>\n              <button\n                type='button'\n                className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                onClick={() => {\n                  setShowLegend(false);\n                }}\n              >\n                <X />\n              </button>\n              <div\n                className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                // biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: Allow setInnerHTML here\n                // biome-ignore lint/security/noDangerouslySetInnerHtml: Allow setInnerHTML here\n                dangerouslySetInnerHTML={\n                  typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\n                }\n              >\n                {React.isValidElement(mapLegend) ? mapLegend : null}\n              </div>\n            </>\n          ) : (\n            <button\n              type='button'\n              className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n              onClick={() => {\n                setShowLegend(true);\n              }}\n            >\n              <ExpandIcon />\n            </button>\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\ninterface HandleProps {\n  position: number;\n}\n\nfunction SliderHandle(props: HandleProps) {\n  const { position } = props;\n  const { attributes, listeners, setNodeRef } = useDraggable({ id: 'slider-handle' });\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        position: 'absolute',\n        left: `${position}%`,\n        top: 0,\n        bottom: 0,\n        width: '40px',\n        transform: 'translateX(-50%)',\n        cursor: 'col-resize',\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        zIndex: 10,\n        touchAction: 'none',\n      }}\n      {...listeners}\n      {...attributes}\n    >\n      <div\n        className='h-full bg-primary-blue-600 dark:bg-primary-blue-400'\n        style={{ width: '2px' }}\n      />\n      <div\n        className='flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white'\n        style={{\n          boxShadow: 'inset 0 0 0 1px #fff',\n          width: '42px',\n          height: '42px',\n          top: 'calc(50% - 21px)',\n          left: '0',\n          cursor: 'col-resize',\n        }}\n      >\n        <ChevronLeftRight />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** URLs for mapStyles JSON user wants to compare  */\n  mapStyles: [string, string];\n  /** Defines the legend for the map. mapLegend with type string is show as innerHTML. */\n  mapLegend?: string | React.ReactNode;\n  /** Starting center point of the map */\n  center?: [number, number];\n  /** Starting zoom level of the map */\n  zoomLevel?: number;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm), [pmtiles](https://www.npmjs.com/package/pmtiles), [dnd-kit/core](https://www.npmjs.com/package/@dnd-kit/core), and [dnd-kit/modifier](https://www.npmjs.com/package/@dnd-kit/modifiers) package to your project */\nexport function GeoHubCompareMaps(props: Props) {\n  const {\n    graphTitle,\n    height,\n    width,\n    relativeHeight,\n    sources,\n    graphDescription,\n    footNote,\n    padding,\n    backgroundColor = false,\n    graphID,\n    mapStyles,\n    center = [0, 0],\n    zoomLevel = 3,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    styles,\n    classNames,\n    mapLegend,\n  } = props;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight ? (\n          <Graph\n            width={svgWidth}\n            height={svgHeight}\n            mapStyles={mapStyles}\n            center={center}\n            zoomLevel={zoomLevel}\n            mapLegend={mapLegend}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/Components/Actions/CopyTextButton.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    text: string;
+    successMessage?: string;
+    buttonText?: string;
+    buttonSmall?: boolean;
+    className?: string;
+}
+export declare function CopyTextButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CopyTextButton.d.ts.map

package/dist/Components/Actions/CopyTextButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyTextButton.d.ts","sourceRoot":"","sources":["../../../src/Components/Actions/CopyTextButton.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,2CA8B1C"}

package/dist/Components/Actions/CsvDownloadButton.d.ts

@@ -0,0 +1,18 @@
+import { JSX } from 'react';
+interface HeaderProps {
+    label: string;
+    key: string;
+}
+interface Props {
+    buttonContent?: string | JSX.Element;
+    buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
+    csvData: any;
+    fileName?: string;
+    headers: HeaderProps[];
+    separator?: ',' | ';';
+    buttonSmall?: boolean;
+    className?: string;
+}
+export declare function CsvDownloadButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CsvDownloadButton.d.ts.map

package/dist/Components/Actions/CsvDownloadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/Components/Actions/CsvDownloadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,UAAU,CAAC,EACP,SAAS,GACT,sBAAsB,GACtB,WAAW,GACX,wBAAwB,GACxB,UAAU,CAAC;IAEf,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,2CAmC7C"}

package/dist/Components/Actions/ExcelDownloadButton.d.ts

@@ -0,0 +1,18 @@
+import { JSX } from 'react';
+interface WsColInterface {
+    wch: number;
+}
+interface Props {
+    buttonContent?: string | JSX.Element;
+    buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
+    csvData: any;
+    fileName?: string;
+    headers: string[];
+    xlsxHeader: any;
+    wscols: WsColInterface[];
+    buttonSmall?: boolean;
+    className?: string;
+}
+export declare function ExcelDownloadButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExcelDownloadButton.d.ts.map

package/dist/Components/Actions/ExcelDownloadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/Components/Actions/ExcelDownloadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,UAAU,CAAC,EACP,SAAS,GACT,sBAAsB,GACtB,WAAW,GACX,wBAAwB,GACxB,UAAU,CAAC;IAEf,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,UAAU,EAAE,GAAG,CAAC;IAChB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,2CAsB/C"}

package/dist/Components/Actions/ImageDownloadButton.d.ts

@@ -0,0 +1,12 @@
+import { JSX, RefObject } from 'react';
+interface Props {
+    buttonContent?: string | JSX.Element;
+    buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
+    nodeID: string | RefObject<HTMLDivElement | null>;
+    filename?: string;
+    buttonSmall?: boolean;
+    className?: string;
+}
+export declare function ImageDownloadButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageDownloadButton.d.ts.map

package/dist/Components/Actions/ImageDownloadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/Components/Actions/ImageDownloadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5C,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,UAAU,CAAC,EACP,SAAS,GACT,sBAAsB,GACtB,WAAW,GACX,wBAAwB,GACxB,UAAU,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,2CAiC/C"}

package/dist/Components/Actions/SVGDownloadButton.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react';
+interface Props {
+    buttonContent?: string | JSX.Element;
+    buttonType?: 'primary' | 'primary-without-icon' | 'secondary' | 'secondary-without-icon' | 'tertiary';
+    nodeID: string | HTMLElement;
+    filename?: string;
+    buttonSmall?: boolean;
+    className?: string;
+}
+export declare function SVGDownloadButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SVGDownloadButton.d.ts.map

package/dist/Components/Actions/SVGDownloadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGDownloadButton.d.ts","sourceRoot":"","sources":["../../../src/Components/Actions/SVGDownloadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,KAAK;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,UAAU,CAAC,EACP,SAAS,GACT,sBAAsB,GACtB,WAAW,GACX,wBAAwB,GACxB,UAAU,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,2CA6B7C"}