'+s+'';if(q>20)q=0;if(d>150)d=x=0;else d++;if(!q)x++;setTimeout(p,150);}\n p()\n\n}\n\nexport { dinosaurus }\n","const dataNumericGet = () => {\n const data = JSON.parse(`{\n \"name\": \"\",\n \"children\": [\n {\"order\": \"1\", \"name\": \"Une variable\",\"type\":\"info\", \"image\": \"test.png\",\n \"children\": [\n {\"name\": \"HISTOGRAM\"},\n {\"name\": \"Density plot\"}\n ]},\n {\"order\": \"2\", \"name\": \"Deux variables\",\"type\":\"info\", \"image\": \"test.png\",\n \"children\": [\n {\"name\": \"Enos\"},\n {\"name\": \"Noam\"}\n ]},\n {\"order\": \"3\",\"type\":\"info\", \"name\": \"Plusieurs variables\",\n \"children\": [\n {\"name\": \"Enoch\"}\n ]}]\n }`)\n\n return data\n\n}\n\n\nexport { dataNumericGet }\n","const choiceTree = (buttons) => {\n buttons.forEach((button) => {\n button.addEventListener('click', (event) => {\n const listTreeSections = [\"num\", \"cat\", \"catnum\", \"geo\", \"relationnal\", \"time\"];\n const treeSection = event.currentTarget.dataset.treeSection;\n event.currentTarget.classList.add('cta-learn-actived')\n showTree(treeSection);\n buttons.forEach((btn) => {\n if (event.currentTarget != btn) {\n btn.classList.remove('cta-learn-actived')\n hiddenTree(btn.dataset.treeSection)\n }\n })\n })\n\n })\n\n}\n\nconst showTree = (idName) => {\n const svg = document.getElementById(idName);\n svg.classList.remove('d-none')\n\n}\nconst hiddenTree = (idName) => {\n const svg = document.getElementById(idName);\n svg.classList.add('d-none')\n\n}\n\n\nexport { choiceTree, showTree }\n","\nconst buildG = (svg, root) => {\n const node = svg.append(\"g\")\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"stroke-width\", 3)\n .selectAll()\n .data(root.descendants().slice(1))\n .join(\"g\")\n .attr(\"transform\", d => `translate(${d.x},${d.y})`);\n return node;\n}\n\nexport { buildG }\n","\nconst buildLink = (d3, svg, root) => {\n\n const link = svg.append(\"g\")\n .attr(\"fill\", \"none\")\n .attr(\"stroke-opacity\", 0.4)\n .attr(\"stroke-width\", 1.5)\n .selectAll()\n .data(root.links())\n .join(\"path\")\n .attr(\"stroke\", d => d.source.data.type != \"info\" ? \"#999\" : \"black\")\n .attr(\"d\", d3.linkVertical()\n .x(d => d.x)\n .y(d => d.y));\n return link;\n};\n\nexport { buildLink }\n\n","const buildPolygonCircle = (d3,node) => {\n node.append(function (d) {\n if (d.data.type == \"info\") {\n return d3.create('polygon')\n .attr(\"fill\", \"white\")\n .attr(\"stroke\", \"#999\")\n .attr(\"stroke-width\", 1) // set the stroke width to 1\n .attr(\"points\", \"0,-28 24,-14 24,14 0,28 -24,14 -24,-14\").node();\n } else {\n const g = d3.create('g');\n g.append('circle')\n .attr(\"fill\", \"white\")\n .attr(\"r\", 28);\n if (d.data.image) {\n const imageUrl = d.data.image;\n g.append('image')\n .attr(\"xlink:href\", (d, i, nodes) => `${imageUrl}`)\n .attr(\"height\", 50)\n .attr(\"x\", -25)\n .attr(\"y\", -25)\n .attr(\"width\", 50);\n }\n return g.node();\n }\n });\n return node\n}\nexport { buildPolygonCircle }\n\n // const manage_image = (d) => {\n // // d => d.data.name != \"Eve\" ? `${window.location.origin}/${d.data.image}` : ``\n // if (d.data.name != \"Eve\") {\n\n // return `${d.data.image}`\n // } else {\n // return \"\"\n // }\n // }\n","\nconst buildSvg = (d3, data, idName) => {\n const width = 928;\n // Compute the tree height; this approach will allow the height of the\n // SVG to scale according to the breadth (width) of the tree layout.\n const root = d3.hierarchy(data);\n const dx = 100;\n const dy = width / (root.height + 1) - 200;\n\n // Create a tree layout.\n const tree = d3.tree().nodeSize([dx, dy]);\n // Sort the tree and apply the layout.\n root.sort((a, b) => d3.ascending(a.data.order, b.data.order));\n tree(root);\n\n // Compute the extent of the tree. Note that x and y are swapped here\n // because in the tree layout, x is the breadth, but when displayed, the\n // tree extends right rather than down.\n let x0 = Infinity;\n let x1 = -x0;\n\n\n root.each(d => {\n if (d.x > x1) x1 = d.x;\n if (d.x < x0) x0 = d.x;\n });\n\n // Compute the adjusted height of the tree.\n const height = 350;\n\n const svg = d3.create(\"svg\")\n .attr(\"width\", \"90%\")\n .attr(\"height\", height)\n .attr(\"id\", idName)\n // .attr(\"viewBox\", [-dy / 3, x0 - dx, width, height])\n .attr(\"viewBox\", [-width / 2, -20, width, height])\n .attr(\"style\", \"max-width: 90%; height: auto; font: 10px sans-serif;\")\n .attr(\"class\", \"d-none\");\n\n return [svg, root];\n\n}\nexport { buildSvg }\n","const buildText = (d3,node) => {\n const format_name_info = (word, i, nodes, info) => {\n let words = word.split(\" \");\n if (words.length > 2) {\n const lastWords = words.slice(2,words.length).join(\" \")\n\n words = [words.slice(0,2).join(\" \"), lastWords]\n }\n\n let html_words = []\n words.forEach((word, index) => {\n const wordCenter = -word.length - 5;\n let y = ''\n if (index === 0) {\n y = (info === \"chart\") ? -5 : 30;\n } else if (index === 1) {\n y = (info === \"chart\") ? 10 : 45;\n } else if (index === 2) {\n y = (info === \"chart\") ? 25 : 60;\n } else if (index === 3) {\n y = (info === \"chart\") ? 40 : 75;\n }\n html_words.push(`
\n \n Total: : ${population} billion\n `;\n }\n\n (async () => {\n // https://demo-live-data.highcharts.com/population.json\n dataset = await fetch(\n \"https://api-api-declik-nfwh7khica-ew.a.run.app/dataviz-timeseries?api_key=xIZcEmRvlsSxc-BKDpCMoBT3hRQ&stock_names=airbnb%2Cbooking&period_history_set=5y&nombre_titre=0\"\n ).then(response => response.json());\n\n\n chart = Highcharts.chart('container', {\n chart: {\n animation: {\n duration: 500\n },\n marginRight: 50\n },\n title: {\n text: 'World population by country',\n align: 'left'\n },\n subtitle: {\n useHTML: true,\n text: getSubtitle(),\n floating: true,\n align: 'right',\n verticalAlign: 'middle',\n y: -20,\n x: -100\n },\n\n legend: {\n enabled: false\n },\n xAxis: {\n type: 'category'\n },\n yAxis: {\n opposite: true,\n tickPixelInterval: 150,\n title: {\n text: null\n }\n },\n plotOptions: {\n series: {\n animation: false,\n groupPadding: 0,\n pointPadding: 0.1,\n borderWidth: 0,\n colorByPoint: true,\n dataSorting: {\n enabled: true,\n matchByName: true\n },\n type: 'bar',\n dataLabels: {\n enabled: true\n }\n }\n },\n series: [\n {\n type: 'bar',\n name: startYear,\n data: getData(startYear)[1]\n }\n ],\n responsive: {\n rules: [{\n condition: {\n maxWidth: 550\n },\n chartOptions: {\n xAxis: {\n visible: false\n },\n subtitle: {\n x: 0\n },\n plotOptions: {\n series: {\n dataLabels: [{\n enabled: true,\n y: 8\n }, {\n enabled: true,\n format: '{point.name}',\n y: -8,\n style: {\n fontWeight: 'normal',\n opacity: 0.7\n }\n }]\n }\n }\n }\n }]\n }\n });\n })();\n\n /*\n * Pause the timeline, either when the range is ended, or when clicking the pause button.\n * Pausing stops the timer and resets the button to play mode.\n */\n function pause(button) {\n button.title = 'play';\n button.className = 'fa fa-play';\n clearTimeout(chart.sequenceTimer);\n chart.sequenceTimer = undefined;\n }\n\n /*\n * Update the chart. This happens either on updating (moving) the range input,\n * or from a timer when the timeline is playing.\n */\n function update(increment) {\n if (increment) {\n input.value = parseInt(input.value, 10) + increment;\n }\n if (input.value >= endYear) {\n // Auto-pause\n pause(btn);\n }\n\n chart.update(\n {\n subtitle: {\n text: getSubtitle()\n }\n },\n false,\n false,\n false\n );\n\n chart.series[0].update({\n name: input.value,\n data: getData(input.value)[1]\n });\n }\n\n /*\n * Play the timeline.\n */\n function play(button) {\n button.title = 'pause';\n button.className = 'fa fa-pause';\n chart.sequenceTimer = setInterval(function () {\n update(1);\n }, 500);\n }\n\n btn.addEventListener('click', function () {\n if (chart.sequenceTimer) {\n pause(this);\n } else {\n play(this);\n }\n });\n /*\n * Trigger the update on the range bar click.\n */\n input.addEventListener('click', function () {\n update();\n });\n\n}\n\nexport { startHightchartStoryTimeBar }\n","import { redrawChart } from \"./redrawChart\";\nconst btnManageEvent = (maxIterator, startIterator, chart, globalData, duration, configChart) => {\n let currentIterator = startIterator;\n\n let guiButton = document.getElementById('start');\n let guiButtonState = 'Start';\n let intervalId;\n guiButton.addEventListener('click', function () {\n if (guiButtonState === 'Stop') {\n // User clicked \"Stop\" -> stop animation and allow to resume\n intervalId = clearInterval(intervalId);\n guiButton.innerText = guiButtonState = 'Resume';\n } else {\n // If animation has finished, recreate chart\n if (guiButtonState === 'Restart') {\n createChart();\n }\n guiButton.innerText = guiButtonState = 'Stop';\n // Start animation:\n redrawChart(currentIterator += 1, chart, globalData, duration, configChart);\n intervalId = setInterval(function () {\n // If we reached last available point, stop animation:\n if (currentIterator === maxIterator) {\n intervalId = clearInterval(intervalId);\n currentIterator = startIterator;\n guiButton.innerText = guiButtonState = 'Restart';\n } else {\n redrawChart(currentIterator += 1, chart, globalData, duration, configChart);\n }\n }, duration);\n }\n });\n}\nexport { btnManageEvent }\n","const buildTitle = (myParam) => {\n const dataTitle = myParam.split(\",\")\n let title = \"\"\n\n if (dataTitle.length > 1) {\n title = `${dataTitle[0].toUpperCase()} vs ${dataTitle[1].toUpperCase() }`\n title = dataTitle.slice(0, dataTitle.length).map(title => title.toUpperCase()).join(\" vs \");\n } else {\n title = `${dataTitle[0].toUpperCase()}`\n }\n\n return title\n}\nconst configChart = () => {\n const urlParams = new URLSearchParams(window.location.search);\n const titleParam = urlParams.get('stock_labels');\n\n const durationParam = urlParams.get('duration');\n\n const config_dict = {\n \"title\": `${buildTitle(titleParam)}`,\n \"subtitle\": \"Gain\",\n \"subtitleEnabled\": false,\n \"legendEnabled\": true,\n \"tickInterval_y\": 10,\n \"formatter\": false,\n \"dateFormat\": \"%Y-%m-%d\",\n \"formatter_value\": \"\",\n \"symbole_value\": \" %\",\n \"min_range\": 30 * 24 * 3600 * 1000,\n \"tickInterval_x\": 30 * 24 * 3600 * 1000,\n \"axe_y\": \"Base 100\",\n \"position_horizontal_label_axe_y\":65,\n \"position_vertical_label_axe_y\": -20,\n \"axe_x\": \"\",\n \"source\": \"Source: Yahoo Finance\",\n \"duration\": parseInt(durationParam),\n }\n\n return config_dict\n\n return config_dict\n}\n\nexport { configChart }\n","const configGraphic = () => {\n const colors = {\n \"main\": \"#03117C\",\n \"secondary\": \"white\",\n }\n const fontSizesSet = {\n \"max\": \"18px\",\n \"subtitle\": \"16px\",\n \"other\": \"13px\",\n \"min\": \"12px\"\n }\n const tickSet = {\n \"tickWidth\": 1,\n \"tickLength\": 5,\n }\n return { \"colors\": colors, \"fontSizesSet\": fontSizesSet, \"tickSet\": tickSet }\n}\nexport { configGraphic }\n","// import { min } from \"d3\";\nimport { frChart } from \"./local/frChart\";\nconst createChart = (chart, configGraphic, globalData, duration, startIterator, configChart) => {\n frChart();\n function format(y) {\n return y < 0.01 ? '<0.01' : '' + y.toFixed(2);\n }\n const maxValue = globalData.reduce((maxValue, obj) => {\n const objMax = Math.max(...obj.data.map(item => item[1]));\n return Math.max(maxValue * 1.01 , objMax);\n }, -Infinity);\n const minValue = globalData.reduce((minValue, obj) => {\n const objMin = Math.min(...obj.data.map(item => item[1]));\n return Math.min(minValue / 1.01 , objMin);\n }, Infinity);\n\n\n let textSubtitle = ''\n if (configChart[\"subtitleEnabled\"]) {\n textSubtitle = `${globalData[0].info2[0]} ${globalData[0].data[1][0]} · ${Highcharts.dateFormat(configChart[\"dateFormat\"], globalData[0].data[0][0])}`\n }\n\n\n chart = Highcharts.chart('container-story-time', {\n chart: {\n spacingLeft: 10, // Espace à gauche du graphique\n spacingRight: 10, // Espace à droite du graphique\n spacingTop: 30, // Espace en haut du graphique\n spacingBottom: 30, // Espace en bas du graphique\n type: 'line',\n width: 500, // Largeur fixe du graphique\n height: '100%',\n marginLeft: 100,\n backgroundColor: configGraphic[\"colors\"][\"main\"],\n events: {\n load: function () {\n this.renderer.image(\n `${window.origin}/logo-full.png`,\n this.chartWidth - 195, // Position X (100 pixels à partir de la droite)\n this.chartHeight - 48, // Position Y (50 pixels du bas)\n 180// Hauteur de l'image\n ).add();\n },\n\n },\n\n },\n caption: {\n text: configChart[\"source\"],\n style: {\n color: configGraphic[\"colors\"][\"secondary\"],\n fontWeight: '400',\n fontFamily: 'Inter, sans-serif',\n fontSize: configGraphic[\"fontSizesSet\"][\"min\"],\n },\n },\n credits: {\n enabled: false\n },\n navigation: {\n buttonOptions: {\n enabled: false\n }\n },\n legend: {\n layout: 'proximate',\n align: 'right',\n\n verticalAlign: 'top',\n // symbolWidth: 0,\n // symbolHeight: 0,\n // symbolRadius: 0,\n // symbolOpacity: 0.5,\n enabled: configChart[\"legendEnabled\"],\n useHTML: true,\n itemStyle: {\n color: 'white',\n fontWeight: '400',\n },\n },\n title: {\n text: configChart[\"title\"],\n margin: 50,\n style: {\n fontFamily: 'Inter, sans-serif', // Choisir la famille de polices (Arial dans cet exemple)\n color: configGraphic[\"colors\"][\"secondary\"],\n fontSize: configGraphic[\"fontSizesSet\"][\"max\"],\n fontWeight: 'bold',\n align: 'center'\n }\n },\n subtitle: {\n enabled: configChart[\"subtitleEnabled\"],\n floating: true,\n align: 'right',\n y: 60,\n x: 0,\n text: textSubtitle,\n style: {\n fontSize: configGraphic[\"fontSizesSet\"][\"subtitle\"],\n color: configGraphic[\"colors\"][\"secondary\"],\n fontWeight: '400',\n fontFamily: 'Inter, sans-serif',\n\n }\n },\n tooltip: {\n split: true,\n pointFormatter: function () {\n var value = format(this.y);\n return `● ${this.series.name}: ${value}
`;\n }\n },\n yAxis: {\n tickInterval: configChart[\"tickInterval_y\"],\n tickColor: configGraphic[\"colors\"][\"secondary\"],\n tickWidth: configGraphic[\"tickSet\"][\"tickWidth\"],\n tickLength: configGraphic[\"tickSet\"][\"tickLength\"],\n // minorTickPosition: 'outside',\n // minorTickInterval: configChart[\"tickInterval_y\"],\n gridLineWidth: 0, // minRange: (maxValue/minValue)*10,\n min: minValue,\n max: maxValue,\n // ceiling: globalData[0].data[globalData[0].data.length - 1][1],\n ceiling: maxValue,\n startOnTick: true,\n lineWidth: 1,\n minorGridLineWidth: 0,\n lineColor: configGraphic[\"colors\"][\"secondary\"],\n labels: {\n style: {\n color: configGraphic[\"colors\"][\"secondary\"],\n fontWeight: '400',\n fontFamily: 'Inter, sans-serif',\n },\n\n formatter: function () {\n if (configChart[\"formatter\"] === false) {\n return this.value + \" \" + configChart[\"formatter_value\"];\n } else {\n var value = this.value;\n var units = [' ', 'k', 'M', 'G', 'T', 'P', 'E']; // Définir les unités\n var i = 0;\n while (value >= 1000) {\n value /= 1000;\n i++;\n }\n return Math.round(value) + units[i]; // Afficher la valeur avec l'unité appropriée\n\n }\n }\n },\n title: {\n text: configChart[\"axe_y\"],\n align: 'high',\n rotation: 0,\n x: configChart[\"position_horizontal_label_axe_y\"],\n y: configChart[\"position_vertical_label_axe_y\"],\n style: {\n color: configGraphic[\"colors\"][\"secondary\"],\n fontWeight: '400',\n fontFamily: 'Inter, sans-serif',\n fontSize: configGraphic[\"fontSizesSet\"][\"other\"],\n }\n },\n },\n xAxis: {\n labels: {\n style: {\n color: configGraphic[\"colors\"][\"secondary\"],\n fontFamily: 'Inter, sans-serif',\n fontWeight: '400',\n }\n },\n tickColor: configGraphic[\"colors\"][\"secondary\"],\n tickWidth: configGraphic[\"tickSet\"][\"tickWidth\"],\n tickLength: configGraphic[\"tickSet\"][\"tickLength\"],\n lineColor: configGraphic[\"colors\"][\"secondary\"],\n tickInterval: configChart[\"tickInterval_x\"],\n minRange: configChart[\"min_range\"],\n min: globalData[0].data[0][0],\n gridLineWidth: 0,\n minorGridLineWidth: 0,\n showFirstLabel: true,\n type: 'datetime',\n lineWidth: 1,\n title: {\n text: configChart[\"axe_x\"],\n style: {\n fontWeight: '400',\n color: configGraphic[\"colors\"][\"secondary\"],\n fontFamily: 'Inter, sans-serif',\n }\n },\n },\n plotOptions: {\n series: {\n color: configGraphic[\"colors\"][\"secondary\"],\n animation: {\n duration\n },\n\n dataLabels: {\n rotation: 0,\n align: 'left',\n // color: configGraphic[\"colors\"][\"secondary\"],\n textOutline: 'none',\n fontFamily: 'Inter, sans-serif',\n fontWeight: '400',\n enabled: true,\n formatter: function () {\n let text = \"\"\n if (configChart[\"formatter\"] === false) {\n text = `${this.y} ${configChart[\"formatter_value\"]} ${configChart[\"symbole_value\"]}`\n // text = \"\"\n } else {\n var y = this.y;\n var units = [' FLOPS', ' kiloFLOPS', ' MégaFLOPS', ' GigaFLOPS', ' TéraFLOPS', ' PétaFLOPS', ' ExaFLOPS']; // Définir les unités\n var i = 0;\n while (y >= 1000) {\n y /= 1000;\n i++;\n }\n text = Math.round(y) + units[i]; // Afficher la valeur avec l'unité appropriée\n }\n\n return '
${series.name.charAt(0).toUpperCase() + series.name.slice(1)}`,\n name: `\n ${imgLogo}\n ${series.name.charAt(0).toUpperCase() + series.name.slice(1)}\n `,\n threshold: 0,\n negativeColor: '',\n color: color,\n dataLabels: {\n color: configGraphic[\"colors\"][\"secondary\"],\n\n\n },\n marker: {\n symbol: 'circle',\n enabled: true\n },\n data: series.data.slice(0, startIterator).map(point => {\n return { x: point[0], y: point[1] }\n })\n }\n })\n });\n return chart\n}\n\nexport { createChart }\n","const getDataEnable = () => {\n return { \"teleperformance\": [{ \"date\": \"2019-03-29\", \"info\": 126110, \"info2\": \"Volume\", \"value\": 160 }, { \"date\": \"2019-04-30\", \"info\": 125186, \"info2\": \"Volume\", \"value\": 171 }, { \"date\": \"2019-05-31\", \"info\": 137844, \"info2\": \"Volume\", \"value\": 172 }, { \"date\": \"2019-06-28\", \"info\": 154408, \"info2\": \"Volume\", \"value\": 176 }, { \"date\": \"2019-07-31\", \"info\": 179405, \"info2\": \"Volume\", \"value\": 189 }, { \"date\": \"2019-08-30\", \"info\": 122573, \"info2\": \"Volume\", \"value\": 198 }, { \"date\": \"2019-09-30\", \"info\": 87932, \"info2\": \"Volume\", \"value\": 198 }, { \"date\": \"2019-10-31\", \"info\": 122102, \"info2\": \"Volume\", \"value\": 203 }, { \"date\": \"2019-11-29\", \"info\": 129871, \"info2\": \"Volume\", \"value\": 215 }, { \"date\": \"2019-12-31\", \"info\": 42764, \"info2\": \"Volume\", \"value\": 217 }, { \"date\": \"2020-01-31\", \"info\": 182671, \"info2\": \"Volume\", \"value\": 226 }, { \"date\": \"2020-02-28\", \"info\": 337340, \"info2\": \"Volume\", \"value\": 219 }, { \"date\": \"2020-03-31\", \"info\": 264918, \"info2\": \"Volume\", \"value\": 189 }, { \"date\": \"2020-04-30\", \"info\": 140785, \"info2\": \"Volume\", \"value\": 204 }, { \"date\": \"2020-05-29\", \"info\": 416816, \"info2\": \"Volume\", \"value\": 213 }, { \"date\": \"2020-06-30\", \"info\": 180696, \"info2\": \"Volume\", \"value\": 225 }, { \"date\": \"2020-07-31\", \"info\": 223347, \"info2\": \"Volume\", \"value\": 247 }, { \"date\": \"2020-08-31\", \"info\": 105707, \"info2\": \"Volume\", \"value\": 258 }, { \"date\": \"2020-09-30\", \"info\": 138434, \"info2\": \"Volume\", \"value\": 263 }, { \"date\": \"2020-10-30\", \"info\": 129715, \"info2\": \"Volume\", \"value\": 257 }, { \"date\": \"2020-11-30\", \"info\": 241869, \"info2\": \"Volume\", \"value\": 279 }, { \"date\": \"2020-12-31\", \"info\": 27186, \"info2\": \"Volume\", \"value\": 271 }, { \"date\": \"2021-01-29\", \"info\": 148447, \"info2\": \"Volume\", \"value\": 270 }, { \"date\": \"2021-02-26\", \"info\": 299527, \"info2\": \"Volume\", \"value\": 293 }, { \"date\": \"2021-03-31\", \"info\": 112246, \"info2\": \"Volume\", \"value\": 310 }, { \"date\": \"2021-04-30\", \"info\": 107456, \"info2\": \"Volume\", \"value\": 321 }, { \"date\": \"2021-05-31\", \"info\": 52988, \"info2\": \"Volume\", \"value\": 314 }, { \"date\": \"2021-06-30\", \"info\": 128330, \"info2\": \"Volume\", \"value\": 342 }, { \"date\": \"2021-07-30\", \"info\": 139405, \"info2\": \"Volume\", \"value\": 355 }, { \"date\": \"2021-08-31\", \"info\": 131196, \"info2\": \"Volume\", \"value\": 374 }, { \"date\": \"2021-09-30\", \"info\": 169943, \"info2\": \"Volume\", \"value\": 340 }, { \"date\": \"2021-10-29\", \"info\": 158406, \"info2\": \"Volume\", \"value\": 361 }, { \"date\": \"2021-11-30\", \"info\": 330552, \"info2\": \"Volume\", \"value\": 362 }, { \"date\": \"2021-12-31\", \"info\": 23859, \"info2\": \"Volume\", \"value\": 392 }, { \"date\": \"2022-01-31\", \"info\": 131123, \"info2\": \"Volume\", \"value\": 333 }, { \"date\": \"2022-02-28\", \"info\": 234044, \"info2\": \"Volume\", \"value\": 331 }, { \"date\": \"2022-03-31\", \"info\": 137536, \"info2\": \"Volume\", \"value\": 346 }, { \"date\": \"2022-04-29\", \"info\": 119134, \"info2\": \"Volume\", \"value\": 342 }, { \"date\": \"2022-05-31\", \"info\": 136102, \"info2\": \"Volume\", \"value\": 308 }, { \"date\": \"2022-06-30\", \"info\": 159399, \"info2\": \"Volume\", \"value\": 293 }, { \"date\": \"2022-07-29\", \"info\": 183424, \"info2\": \"Volume\", \"value\": 326 }, { \"date\": \"2022-08-31\", \"info\": 263315, \"info2\": \"Volume\", \"value\": 284 }, { \"date\": \"2022-09-30\", \"info\": 196974, \"info2\": \"Volume\", \"value\": 260 }, { \"date\": \"2022-10-31\", \"info\": 123723, \"info2\": \"Volume\", \"value\": 271 }, { \"date\": \"2022-11-30\", \"info\": 326064, \"info2\": \"Volume\", \"value\": 215 }, { \"date\": \"2022-12-30\", \"info\": 103326, \"info2\": \"Volume\", \"value\": 222 }, { \"date\": \"2023-01-31\", \"info\": 177316, \"info2\": \"Volume\", \"value\": 255 }, { \"date\": \"2023-02-28\", \"info\": 265058, \"info2\": \"Volume\", \"value\": 246 }, { \"date\": \"2023-03-31\", \"info\": 205216, \"info2\": \"Volume\", \"value\": 221 }, { \"date\": \"2023-04-28\", \"info\": 292974, \"info2\": \"Volume\", \"value\": 180 }, { \"date\": \"2023-05-31\", \"info\": 478352, \"info2\": \"Volume\", \"value\": 139 }, { \"date\": \"2023-06-30\", \"info\": 193281, \"info2\": \"Volume\", \"value\": 153 }, { \"date\": \"2023-07-31\", \"info\": 435435, \"info2\": \"Volume\", \"value\": 131 }, { \"date\": \"2023-08-31\", \"info\": 437028, \"info2\": \"Volume\", \"value\": 127 }, { \"date\": \"2023-09-29\", \"info\": 353554, \"info2\": \"Volume\", \"value\": 119 }, { \"date\": \"2023-10-31\", \"info\": 309806, \"info2\": \"Volume\", \"value\": 108 }, { \"date\": \"2023-11-30\", \"info\": 463413, \"info2\": \"Volume\", \"value\": 128 }, { \"date\": \"2023-12-29\", \"info\": 215742, \"info2\": \"Volume\", \"value\": 132 }, { \"date\": \"2024-01-31\", \"info\": 183084, \"info2\": \"Volume\", \"value\": 145 }, { \"date\": \"2024-02-29\", \"info\": 788190, \"info2\": \"Volume\", \"value\": 114 }] }\n\n}\n\nexport { getDataEnable }\n","const getDataTeleperformance = () => {\n const data = JSON.parse(`\n{\"cours\": [{\"date\": \"2019-03-29\", \"info\": 126110, \"info2\": \"Volume\", \"value\": 160}, {\"date\": \"2019-04-30\", \"info\": 125186, \"info2\": \"Volume\", \"value\": 171}, {\"date\": \"2019-05-31\", \"info\": 137844, \"info2\": \"Volume\", \"value\": 172}, {\"date\": \"2019-06-28\", \"info\": 154408, \"info2\": \"Volume\", \"value\": 176}, {\"date\": \"2019-07-31\", \"info\": 179405, \"info2\": \"Volume\", \"value\": 189}, {\"date\": \"2019-08-30\", \"info\": 122573, \"info2\": \"Volume\", \"value\": 198}, {\"date\": \"2019-09-30\", \"info\": 87932, \"info2\": \"Volume\", \"value\": 198}, {\"date\": \"2019-10-31\", \"info\": 122102, \"info2\": \"Volume\", \"value\": 203}, {\"date\": \"2019-11-29\", \"info\": 129871, \"info2\": \"Volume\", \"value\": 215}, {\"date\": \"2019-12-31\", \"info\": 42764, \"info2\": \"Volume\", \"value\": 217}, {\"date\": \"2020-01-31\", \"info\": 182671, \"info2\": \"Volume\", \"value\": 226}, {\"date\": \"2020-02-28\", \"info\": 337340, \"info2\": \"Volume\", \"value\": 219}, {\"date\": \"2020-03-31\", \"info\": 264918, \"info2\": \"Volume\", \"value\": 189}, {\"date\": \"2020-04-30\", \"info\": 140785, \"info2\": \"Volume\", \"value\": 204}, {\"date\": \"2020-05-29\", \"info\": 416816, \"info2\": \"Volume\", \"value\": 213}, {\"date\": \"2020-06-30\", \"info\": 180696, \"info2\": \"Volume\", \"value\": 225}, {\"date\": \"2020-07-31\", \"info\": 223347, \"info2\": \"Volume\", \"value\": 247}, {\"date\": \"2020-08-31\", \"info\": 105707, \"info2\": \"Volume\", \"value\": 258}, {\"date\": \"2020-09-30\", \"info\": 138434, \"info2\": \"Volume\", \"value\": 263}, {\"date\": \"2020-10-30\", \"info\": 129715, \"info2\": \"Volume\", \"value\": 257}, {\"date\": \"2020-11-30\", \"info\": 241869, \"info2\": \"Volume\", \"value\": 279}, {\"date\": \"2020-12-31\", \"info\": 27186, \"info2\": \"Volume\", \"value\": 271}, {\"date\": \"2021-01-29\", \"info\": 148447, \"info2\": \"Volume\", \"value\": 270}, {\"date\": \"2021-02-26\", \"info\": 299527, \"info2\": \"Volume\", \"value\": 293}, {\"date\": \"2021-03-31\", \"info\": 112246, \"info2\": \"Volume\", \"value\": 310}, {\"date\": \"2021-04-30\", \"info\": 107456, \"info2\": \"Volume\", \"value\": 321}, {\"date\": \"2021-05-31\", \"info\": 52988, \"info2\": \"Volume\", \"value\": 314}, {\"date\": \"2021-06-30\", \"info\": 128330, \"info2\": \"Volume\", \"value\": 342}, {\"date\": \"2021-07-30\", \"info\": 139405, \"info2\": \"Volume\", \"value\": 355}, {\"date\": \"2021-08-31\", \"info\": 131196, \"info2\": \"Volume\", \"value\": 374}, {\"date\": \"2021-09-30\", \"info\": 169943, \"info2\": \"Volume\", \"value\": 340}, {\"date\": \"2021-10-29\", \"info\": 158406, \"info2\": \"Volume\", \"value\": 361}, {\"date\": \"2021-11-30\", \"info\": 330552, \"info2\": \"Volume\", \"value\": 362}, {\"date\": \"2021-12-31\", \"info\": 23859, \"info2\": \"Volume\", \"value\": 392}, {\"date\": \"2022-01-31\", \"info\": 131123, \"info2\": \"Volume\", \"value\": 333}, {\"date\": \"2022-02-28\", \"info\": 234044, \"info2\": \"Volume\", \"value\": 331}, {\"date\": \"2022-03-31\", \"info\": 137536, \"info2\": \"Volume\", \"value\": 346}, {\"date\": \"2022-04-29\", \"info\": 119134, \"info2\": \"Volume\", \"value\": 342}, {\"date\": \"2022-05-31\", \"info\": 136102, \"info2\": \"Volume\", \"value\": 308}, {\"date\": \"2022-06-30\", \"info\": 159399, \"info2\": \"Volume\", \"value\": 293}, {\"date\": \"2022-07-29\", \"info\": 183424, \"info2\": \"Volume\", \"value\": 326}, {\"date\": \"2022-08-31\", \"info\": 263315, \"info2\": \"Volume\", \"value\": 284}, {\"date\": \"2022-09-30\", \"info\": 196974, \"info2\": \"Volume\", \"value\": 260}, {\"date\": \"2022-10-31\", \"info\": 123723, \"info2\": \"Volume\", \"value\": 271}, {\"date\": \"2022-11-30\", \"info\": 326064, \"info2\": \"Volume\", \"value\": 215}, {\"date\": \"2022-12-30\", \"info\": 103326, \"info2\": \"Volume\", \"value\": 222}, {\"date\": \"2023-01-31\", \"info\": 177316, \"info2\": \"Volume\", \"value\": 255}, {\"date\": \"2023-02-28\", \"info\": 265058, \"info2\": \"Volume\", \"value\": 246}, {\"date\": \"2023-03-31\", \"info\": 205216, \"info2\": \"Volume\", \"value\": 221}, {\"date\": \"2023-04-28\", \"info\": 292974, \"info2\": \"Volume\", \"value\": 180}, {\"date\": \"2023-05-31\", \"info\": 478352, \"info2\": \"Volume\", \"value\": 139}, {\"date\": \"2023-06-30\", \"info\": 193281, \"info2\": \"Volume\", \"value\": 153}, {\"date\": \"2023-07-31\", \"info\": 435435, \"info2\": \"Volume\", \"value\": 131}, {\"date\": \"2023-08-31\", \"info\": 437028, \"info2\": \"Volume\", \"value\": 127}, {\"date\": \"2023-09-29\", \"info\": 353554, \"info2\": \"Volume\", \"value\": 119}, {\"date\": \"2023-10-31\", \"info\": 309806, \"info2\": \"Volume\", \"value\": 108}, {\"date\": \"2023-11-30\", \"info\": 463413, \"info2\": \"Volume\", \"value\": 128}, {\"date\": \"2023-12-29\", \"info\": 215742, \"info2\": \"Volume\", \"value\": 132}, {\"date\": \"2024-01-31\", \"info\": 183084, \"info2\": \"Volume\", \"value\": 145}, {\"date\": \"2024-02-29\", \"info\": 788190, \"info2\": \"Volume\", \"value\": 114}]}\n`);\n return data;\n}\n\nexport { getDataTeleperformance }\n","const frChart = () => {\n Highcharts.setOptions({\n lang: {\n months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],\n weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],\n shortMonths: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],\n decimalPoint: ',',\n thousandsSep: ' ',\n loading: 'Chargement...',\n noData: 'Aucune donnée à afficher',\n resetZoom: 'Réinitialiser le zoom',\n resetZoomTitle: 'Réinitialiser le zoom au niveau 1:1'\n }\n });\n}\nexport { frChart }\n","const parseData = (data, globalData, maxIterator) => {\n Highcharts.objectEach(\n data,\n // Prepare Highcharts data-format:\n // series: [{\n // data: [ [x, y], [x, y], ..., [x, y]]\n // }]\n (countryData, country) => {\n\n globalData.push({\n name: country,\n info: countryData.map(p => p.info),\n info2: countryData.map(p => p.info2),\n value2: countryData.map(p => p.value2),\n value3: countryData.map(p => p.value3),\n data: countryData.map(p => [Date.parse(p.date), p.value_base_100 -100])\n\n })\n }\n );\n\n\n // Sort and limit dataset:\n globalData = globalData\n .sort((countryA, countryB) => {\n let countryALen,\n countryBLen;\n\n if (!countryA || !countryA.data || countryA.data.length === 0) {\n return 1;\n }\n\n if (!countryB || !countryB.data || countryB.data.length === 0) {\n return -1;\n }\n\n return countryB.data[countryB.data.length - 1][1] - countryA.data[countryA.data.length - 1][1];\n })\n .splice(0, 8);\n\n\n maxIterator = Math.max.apply(null, globalData.map(series => series.data.length - 1));\n\n return {\"globalData\": globalData, \"maxIterator\": maxIterator};\n}\n\nexport { parseData }\n","const redrawChart = (index, chart, globalData, duration, configChartLegend) => {\n // Set new subtitle on every redraw\n const manageUnits = (valueDate, countryName) => {\n var units = [' FLOPS', ' kFLOPS', ' MFLOPS', ' GFLOPS', ' TFLOPS', ' PFLOPS', ' EFLOPS']; // Définir les unités\n var i = 0;\n while (valueDate >= 1000) {\n valueDate /= 1000;\n i++;\n }\n return Math.round(valueDate) + units[i];\n // return units[i]; // Afficher la valeur avec l'unité appropriée\n }\n let textSubtitle = \"\";\n if (configChartLegend[\"subtitleEnabled\"]) {\n textSubtitle = `${globalData[0].info2[index]} ${globalData[0].info[index]} · ${Highcharts.dateFormat(configChartLegend[\"dateFormat\"], globalData[0].data[index][0])}`;\n }\n chart.setTitle(null, {\n text: textSubtitle\n }, false);\n\n // [0, 1].forEach(seriesIndex => {\n // let sentence = \"\"\n // if (globalData[seriesIndex].value3[index]) {\n // sentence = `${globalData[seriesIndex].value3[index]}Md$ ${globalData[seriesIndex].name.charAt(0).toUpperCase() + globalData[seriesIndex].name.slice(1)}`\n // } else {\n // sentence = `${globalData[seriesIndex].value3[globalData[seriesIndex].value3.length - 1]}Md$ ${globalData[seriesIndex].name.charAt(0).toUpperCase() + globalData[seriesIndex].name.slice(1)}`\n // }\n // chart.series[seriesIndex].update(\n // {\n // name: sentence\n\n // }\n // , true);\n // });\n\n\n const newValues = globalData.map(series => {\n series.data[index][1]\n });\n const maxIndex = newValues.indexOf(Math.max.apply(null, newValues));\n\n\n\n // To each series, add a point:\n chart.series.forEach(\n (series, seriesIndex) => {\n const enabled = maxIndex === seriesIndex && ((index < 5) || (index % 5 === 0));\n series.addPoint(\n {\n x: globalData[seriesIndex].data[index][0],\n y: globalData[seriesIndex].data[index][1],\n\n dataLabels: {\n enabled: true,\n animation: false,\n x: 1000,\n y: 0,\n },\n marker: {\n symbol: \"circle\",\n enabled: true\n }\n },\n false,\n false,\n false\n );\n chart.series.forEach(series => {\n series.points.forEach((point, pointIndex) => {\n if (pointIndex === series.points.length - 1 && point.dataLabel) {\n point.update({\n dataLabels: {\n enabled: false,\n animation: false\n },\n marker: {\n enabled: false\n }\n }, false);\n }\n });\n });\n\n }\n );\n\n // Now, once everything is updated, redraw chart:\n chart.redraw({\n duration: duration\n });\n}\n\nexport { redrawChart }\n","import { color } from \"highcharts\";\nimport { getDataTeleperformance } from \"./data/getDataTeleperformance\";\n\nimport { getDataEnable } from \"./data/getDataEnable\";\n\nimport { configChart } from \"./config/configChart\";\nimport { configGraphic } from \"./config/configGraphic\";\nimport { btnManageEvent } from \"./btnManageEvent\";\nimport { createChart } from \"./createChart\";\nimport { parseData } from \"./parseData\";\n\nconst startHightchartStoryTime = (dataApiTimeSeries, dataApiLogos) => {\n\n\n // const colors = configGraphic()[\"colors\"];\n // const fontSizesSet = configGraphic()[\"fontSizesSet\"];\n let globalData = [];\n\n let startIterator = 1;\n let maxIterator = 1;\n // Step 1: Get the data\n // const data = getDataEnable();\n\n const data = JSON.parse(dataApiTimeSeries)\n // Step 2: Parse the data\n globalData = parseData(data, globalData, maxIterator)[\"globalData\"];\n\n // Step 3: Create the chart\n let chart;\n chart = createChart(chart, configGraphic(), globalData, configChart()[\"duration\"], startIterator, configChart());\n\n btnManageEvent(maxIterator, startIterator, chart, globalData, configChart()[\"duration\"], configChart());\n\n}\n\n\n\nexport { startHightchartStoryTime }\n","import * as Highcharts from 'highcharts/highcharts-gantt';\n\nconst gantt = () => {\n const color1 = '#2DA530';\n const color2 = '#FBBC04';\n const color3 = '#03117C';\n var today = new Date(),\n day = 1000 * 60 * 60 * 24,\n each = Highcharts.each,\n reduce = Highcharts.reduce,\n btnShowDialog = document.getElementById('btnShowDialog'),\n btnRemoveTask = document.getElementById('btnRemoveSelected'),\n btnAddTask = document.getElementById('btnAddTask'),\n btnCancelAddTask = document.getElementById('btnCancelAddTask'),\n addTaskDialog = document.getElementById('addTaskDialog'),\n inputName = document.getElementById('inputName'),\n selectDepartment = document.getElementById('selectDepartment'),\n selectDependency = document.getElementById('selectDependency'),\n chkMilestone = document.getElementById('chkMilestone'),\n isAddingTask = false;\n\n// Set to 00:00:00:000 today\ntoday.setUTCHours(0);\ntoday.setUTCMinutes(0);\ntoday.setUTCSeconds(0);\ntoday.setUTCMilliseconds(0);\ntoday = today.getTime();\n\n\n// Update disabled status of the remove button, depending on whether or not we\n// have any selected points.\nfunction updateRemoveButtonStatus() {\n var chart = this.series.chart;\n // Run in a timeout to allow the select to update\n setTimeout(function () {\n btnRemoveTask.disabled = !chart.getSelectedPoints().length ||\n isAddingTask;\n }, 10);\n }\n Highcharts.setOptions({\n lang: {\n months: [\n 'Janvier', 'Février', 'Mars', 'Avril',\n 'Mai', 'Juin', 'Juillet', 'Août',\n 'Septembre', 'Octobre', 'Novembre', 'Décembre'\n ],\n weekdays: [\n 'Dimanche', 'Lundi', 'Mardi', 'Mercredi',\n 'Jeudi', 'Vendredi', 'Samedi'\n ]\n }\n });\n\n // Create the chart\n var chart = Highcharts.ganttChart('container-gantt', {\n chart: {\n spacingLeft: 1\n },\n title: {\n text: 'Construisons ensemble votre projet',\n style: {\n fontFamily: 'Inter',\n fontSize: '2em',\n fontWeight: 'bolder'\n }\n },\n subtitle: {\n text: 'Le projet est décomposé en tâches spécifiques pour une efficacité optimale',\n },\n lang: {\n accessibility: {\n axis: {\n xAxisDescriptionPlural: 'Le graphique a un axe X en deux parties montrant le temps en semaines et en jours.'\n }\n },\n months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],\n weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],\n shortMonths: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sep', 'Oct', 'Nov', 'Déc'],\n rangeSelectorZoom: 'Période',\n resetZoom: 'Réinitialiser le zoom'\n },\n accessibility: {\n point: {\n descriptionFormatter: function (point) {\n return Highcharts.format(\n point.milestone ?\n '{point.name}, étape importante pour {point.yCategory} le {point.x:%d %B %Y}.' :\n '{point.name}, attribué à {point.yCategory} du {point.x:%d %B %Y} au {point.x2:%d %B %Y}.',\n { point }\n );\n }\n }\n },\n plotOptions: {\n series: {\n animation: false, // Do not animate dependency connectors\n dragDrop: {\n draggableX: true,\n draggableY: true,\n dragMinY: 0,\n dragMaxY: 2,\n dragPrecisionX: day / 3 // Snap to eight hours\n },\n dataLabels: {\n enabled: true,\n format: '{point.name}',\n\n style: {\n cursor: 'default',\n pointerEvents: 'none',\n textOutline: 'none'\n }\n },\n allowPointSelect: true,\n // point: {\n // events: {\n // select: updateRemoveButtonStatus,\n // unselect: updateRemoveButtonStatus,\n // remove: updateRemoveButtonStatus\n // }\n // }\n }\n },\n yAxis: {\n type: 'category',\n categories: ['Expression du besoin', 'Développement', 'Testing'],\n accessibility: {\n description: 'Départements de l\\'organisation'\n },\n min: 0,\n max: 2\n },\n xAxis: {\n\n categories: [\"semain 1\", \"semaine 2\"],\n currentDateIndicator: false,\n type: 'category',\n labels: {\n enabled: false\n },\n tickInterval: 1000 * 60 * 60 * 24 * 7,\n grid: {\n enabled: false\n }\n },\n tooltip: {\n xDateFormat: '%A %d %B %Y'\n },\n series: [{\n name: 'Exemple de gestion de projet',\n data: [\n {\n start: today + 2 * day,\n end: today + day * 4,\n name: 'Cahier des charges',\n\n id: 'charge',\n color: color1,\n y: 0\n }, {\n start: today + day * 4,\n end: today + day * 6,\n id: 'dev-1',\n dependency: 'charge',\n name: \"Développement de la brique 1\",\n color: color2,\n y: 1\n }, {\n start: today + day * 6,\n end: today + day * 7,\n name: \"Test brique 1\",\n dependency: 'dev-1',\n color: color3,\n id:\"test-1\",\n y: 2\n }, {\n start: today + day * 7,\n name: 'Brique 1 terminé',\n milestone: true,\n color: color1,\n id: 'charge_done',\n y: 0\n },\n {\n start: today + day * 7,\n end: today + day * 9,\n name: 'Développement de la brique 2',\n id: \"dev-2\",\n color: color2,\n dependency: 'test-1',\n y: 1\n }, {\n start: today + day * 9,\n end: today + day * 10,\n name: 'Test brique 2',\n id: 'test-2',\n color: color3,\n dependency: 'dev-2',\n y: 2\n },\n {\n start: today + day * 10,\n end: today + day * 11,\n name: \"Livraison\",\n color: color1,\n dependency: 'test-2',\n y: 0\n }]\n }]\n});\n\n\n /* Add button handlers for add/remove tasks */\n if (btnRemoveTask) {\n\n btnRemoveTask.onclick = function () {\n var points = chart.getSelectedPoints();\n each(points, function (point) {\n point.remove();\n });\n };\n }\n if (btnShowDialog) {\n btnShowDialog.onclick = function () {\n // Update dependency list\n var depInnerHTML = '';\n each(chart.series[0].points, function (point) {\n depInnerHTML += '';\n });\n selectDependency.innerHTML = depInnerHTML;\n\n // Show dialog by removing \"hidden\" class\n addTaskDialog.className = 'overlay';\n isAddingTask = true;\n\n // Focus name field\n inputName.value = '';\n inputName.focus();\n };\n\n }\n if (btnAddTask) {\n btnAddTask.onclick = function () {\n // Get values from dialog\n var series = chart.series[0],\n name = inputName.value,\n undef,\n dependency = chart.get(\n selectDependency.options[selectDependency.selectedIndex].value\n ),\n y = parseInt(\n selectDepartment.options[selectDepartment.selectedIndex].value,\n 10\n ),\n maxEnd = reduce(series.points, function (acc, point) {\n return point.y === y && point.end ? Math.max(acc, point.end) : acc;\n }, 0),\n milestone = chkMilestone.checked || undef;\n\n // Empty category\n if (maxEnd === 0) {\n maxEnd = today;\n }\n\n // Add the point\n series.addPoint({\n start: maxEnd + (milestone ? day : 0),\n end: milestone ? undef : maxEnd + day,\n y: y,\n name: name,\n dependency: dependency ? dependency.id : undef,\n milestone: milestone\n });\n\n // Hide dialog\n addTaskDialog.className += ' hidden';\n isAddingTask = false;\n };\n\n }\n if (btnCancelAddTask) {\n btnCancelAddTask.onclick = function () {\n // Hide dialog\n addTaskDialog.className += ' hidden';\n isAddingTask = false;\n };\n }\n\n}\n\nexport { gantt }\n\n","import * as Highcharts from 'highcharts/highcharts-gantt';\n\nconst gantt = () => {\n const color1 = '#2DA530';\n const color2 = '#FFD400';\n const color3 = '#03117C';\n var today = new Date()\n let day = 1000 * 60 * 60 * 24\n today.setUTCHours(0);\n today.setUTCMinutes(0);\n today.setUTCSeconds(0);\n today.setUTCMilliseconds(0);\n today = today.getTime();\n\n Highcharts.ganttChart('container-gantt-mobile', {\n title: {\n text: 'Construisons ensemble votre projet',\n style: {\n fontFamily: 'Inter',\n fontSize: '2em',\n fontWeight: 'bolder'\n }\n },\n subtitle: {\n text: 'Le projet est décomposé en tâches spécifiques pour une efficacité optimale',\n },\n tooltip: {\n enabled: false\n },\n lang: {\n accessibility: {\n axis: {\n xAxisDescriptionPlural: 'Le graphique a un axe X en deux parties montrant le temps en semaines et en jours.'\n }\n },\n months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],\n weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],\n shortMonths: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sep', 'Oct', 'Nov', 'Déc'],\n rangeSelectorZoom: 'Période',\n resetZoom: 'Réinitialiser le zoom'\n },\n yAxis: {\n type: 'category',\n categories: ['Expression du besoin', 'Développement', 'Testing'],\n accessibility: {\n description: 'Départements de l\\'organisation'\n },\n min: 0,\n max: 2\n },\n xAxis:[{\n visible: false,\n type: 'category',\n }],\n series: [{\n name: 'Expression du besoin',\n data: [{\n name: 'Expression du besoin',\n start: today,\n end: today + 1,\n color: color1,\n id: 'exp-1',\n y: 0\n }, {\n name: 'Développement',\n start: today + 1,\n end: today + 2,\n color: color2,\n id: 'dev-1',\n dependency: 'exp-1',\n y: 1\n }, {\n name: 'Testing',\n start: today + 2.2,\n end: today + 2.5,\n color: color3,\n id: 'test-1',\n dependency: 'dev-1',\n y: 2\n }, {\n name: 'Développement',\n start: today + 2.5,\n end: today + 3.5,\n color: color2,\n id: 'dev-2',\n dependency: 'test-1',\n y: 1\n }, {\n name: 'Testing',\n start: today + 3.7,\n end: today + 4,\n color: color3,\n id: 'test-3',\n dependency: 'dev-2',\n y: 2\n }]\n }]\n });\n\n}\n\nexport { gantt }\n\n","\nconst spider = () => {\n const containerSpider = document.getElementById('container-spider')\n if (containerSpider) {\n let dataValues = containerSpider.dataset.values\n dataValues = JSON.parse(\"[\" + dataValues + \"]\");\n const skillzNameList = dataValues[0].map(x => x.skill.join(\" \"))\n\n const skillzForceList = dataValues[0].map(x => x.force)\n\n Highcharts.chart(\"container-spider\", {\n\n chart: {\n polar: true,\n type: 'line',\n ignoreHiddenSeries: false\n },\n accessibility: {\n description: 'A spiderweb chart compares the allocated budget against actual spending within an organization. The spider chart has six spokes. Each spoke represents one of the 6 departments within the organization: sales, marketing, development, customer support, information technology and administration. The chart is interactive, and each data point is displayed upon hovering. The chart clearly shows that 4 of the 6 departments have overspent their budget with Marketing responsible for the greatest overspend of $20,000. The allocated budget and actual spending data points for each department are as follows: Sales. Budget equals $43,000; spending equals $50,000. Marketing. Budget equals $19,000; spending equals $39,000. Development. Budget equals $60,000; spending equals $42,000. Customer support. Budget equals $35,000; spending equals $31,000. Information technology. Budget equals $17,000; spending equals $26,000. Administration. Budget equals $10,000; spending equals $14,000.'\n },\n\n title: {\n text: undefined,\n x: -80\n },\n\n pane: {\n size: '80%'\n },\n\n xAxis: {\n categories: skillzNameList,\n tickmarkPlacement: 'on',\n lineWidth: 0\n },\n\n yAxis: {\n gridLineInterpolation: 'polygon',\n lineWidth: 0,\n min: 0\n },\n\n tooltip: {\n shared: true,\n pointFormat: '{text}',\n formatter: function (data) {\n const listData = data.chart.series[0].processedYData\n const sumListData = listData.reduce((a, b) => a + b, 0)\n const mean = Math.round((this.y / sumListData) * 100)\n // {point.y:,.0f}\n const sentence = `\n ${this.x}:
${mean} % de la formation\n `\n return sentence\n }\n },\n\n legend: {\n align: 'top',\n verticalAlign: 'middle',\n layout: 'vertical',\n enabled: false\n },\n\n series: [{\n // name: 'Nombre de fonctionnalités',\n data: skillzForceList,\n pointPlacement: 'on',\n color: '#03117C'\n }],\n navigation: {\n buttonOptions: {\n enabled: false\n }\n },\n responsive: {\n rules: [{\n condition: {\n maxWidth: 500\n },\n chartOptions: {\n legend: {\n align: 'center',\n verticalAlign: 'bottom',\n layout: 'horizontal'\n },\n pane: {\n size: '60%'\n }\n }\n }]\n }\n\n });\n }\n\n}\n\n// {point.y:,.0f}
\n\nexport { spider }\n","\nconst checkboxChoice = (categoryChoices) => {\n // const categories = document.querySelectorAll('.category-choices > label')\n const categories = categoryChoices.querySelectorAll('label')\n categories.forEach((category) => {\n category.addEventListener('click', (event) => {\n\n event.currentTarget.classList.toggle('active')\n setBackgroundColor(event)\n })\n })\n}\n\nconst setBackgroundColor = (event) => {\n const text = event.currentTarget.dataset.categoryTag\n if (text == \"data\") {\n event.currentTarget.classList.toggle('background-color-data')\n } else if (text == \"web\") {\n event.currentTarget.classList.toggle('background-color-web')\n\n } else if (text == \"learn\") {\n event.currentTarget.classList.toggle('background-color-learn')\n } else if (text == \"tech\") {\n event.currentTarget.classList.toggle('background-color-tech')\n } else if (text == \"management\") {\n event.currentTarget.classList.toggle('background-color-management')\n } else {\n event.currentTarget.classList.toggle('background-color-black')\n }\n}\nexport { checkboxChoice }\n","import { Controller } from \"@hotwired/stimulus\"\nimport MapboxGeocoder from \"@mapbox/mapbox-gl-geocoder\"\n\n// Connects to data-controller=\"address-autocomplete\"\nexport default class extends Controller {\n static values = { apiKey: String }\n static targets = [\"address\"]\n\n connect() {\n this.geocoder = new MapboxGeocoder({\n accessToken: this.apiKeyValue,\n countries: 'fr',\n types: \"country,region,place,postcode,locality,neighborhood,address\"\n })\n\n this.geocoder.addTo(this.element)\n let hidden_value_address = document.querySelector(\".form-search #address\").value\n if (hidden_value_address == \"\"){\n hidden_value_address = \"Entrez une adresse\"\n }\n document.querySelector(\".mapboxgl-ctrl-geocoder--input\").placeholder = hidden_value_address\n this.geocoder.on(\"result\", event => this.#setInputValue(event))\n this.geocoder.on(\"clear\", () => this.#clearInputValue())\n }\n #setInputValue(event) {\n this.addressTarget.value = event.result[\"place_name\"]\n }\n\n #clearInputValue() {\n this.addressTarget.value = \"\"\n }\n disconnect() {\n this.geocoder.onRemove()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport MapboxGeocoder from \"@mapbox/mapbox-gl-geocoder\"\n\n// Connects to data-controller=\"address-autocomplete-mobile\"\nexport default class extends Controller {\n static values = { apiKey: String }\n static targets = [\"addressmobile\"]\n connect() {\n this.geocoder = new MapboxGeocoder({\n accessToken: this.apiKeyValue,\n countries: 'fr',\n types: \"country,region,place,postcode,locality,neighborhood,address\"\n })\n\n this.geocoder.addTo(this.element)\n let hidden_value_address = document.querySelector(\".form-search-mobile #address\").value\n if (hidden_value_address == \"\") {\n hidden_value_address = \"Entrez une adresse\"\n }\n document.querySelector(\".form-search-mobile .mapboxgl-ctrl-geocoder--input\").placeholder = hidden_value_address\n this.geocoder.on(\"result\", event => this.#setInputValue(event))\n this.geocoder.on(\"clear\", () => this.#clearInputValue())\n\n }\n #setInputValue(event) {\n console.log(event.result[\"place_name\"])\n\n this.addressmobileTarget.value = event.result[\"place_name\"]\n }\n\n #clearInputValue() {\n this.addressmobileTarget.value = \"\"\n }\n disconnect() {\n this.geocoder.onRemove()\n }\n}\n","import { Application } from \"@hotwired/stimulus\"\n\nconst application = Application.start()\n\n// Configure Stimulus development experience\napplication.debug = false\nwindow.Stimulus = application\n\nimport Highcharts from 'highcharts';\nimport Exporting from 'highcharts/modules/exporting';\nExporting(Highcharts);\nrequire(\"highcharts/highcharts-more\")(Highcharts);\nwindow.Highcharts = Highcharts\n\n// const rgpd_cookies = () => {\n// window.axeptioSettings = {\n// clientId: \"651482b5a9fd626724eef394\",\n// };\n\n// (function(d,s) {\n// var t = d.getElementsByTagName(s)[0], e = d.createElement(s);\n// e.async = true; e.src = \"//static.axept.io/sdk.js\";\n// t.parentNode.insertBefore(e, t);\n// })(document, \"script\");\n\n// }\n// rgpd_cookies();\n\n\nexport { application }\n","import { Controller } from \"@hotwired/stimulus\";\nimport { checkboxChoice } from \"../components/forms/form-contact\";\n\n// Connects to data-controller=\"check-box-form\"\nexport default class extends Controller {\n connect() {\n checkboxChoice(this.element);\n }\n};\n","import { Controller } from \"@hotwired/stimulus\";\n\n\nimport { dataNumericGet } from \"../components/data/data\";\nimport { choiceTree, showTree } from \"../components/dataviz/d3/tree/choiceTree\";\nimport { createTree } from \"../components/dataviz/d3/tree/createTree\";\n\n// Connects to data-controller=\"choice-dataviz\"\nexport default class extends Controller {\n connect() {\n\n const dataNumerics = JSON.parse(this.element.dataset.tree)\n dataNumerics.forEach((dataNumeric) => {\n createTree(dataNumeric, dataNumeric[\"idname\"], this.element)\n if (dataNumeric[\"idname\"] == \"num\") {\n showTree(\"num\")\n }\n\n })\n const buttons = document.getElementById('tree-button-container').querySelectorAll('button');\n choiceTree(buttons)\n\n\n\n\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n// Connects to data-controller=\"clipboard\"\nexport default class extends Controller {\n static targets = [\"input\"];\n static values = {\n feedbackText: String\n }\n\n copy(event) {\n\n this.inputTarget.select();\n document.execCommand('copy');\n event.currentTarget.disabled = true;\n event.currentTarget.innerText = this.feedbackTextValue;\n\n }\n\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport JSConfetti from 'js-confetti'\n// #doc : https://github.com/loonywizard/js-confetti\n// Connects to data-controller=\"confetti\"\n\nexport default class extends Controller {\n dropConfetti() {\n if (window.location.pathname.includes(\"confirmation-contact\")) {\n const jsConfetti = new JSConfetti();\n jsConfetti.addConfetti();\n jsConfetti.addConfetti({\n emojis: ['🌈', '⚡️', '🎊', '✨', '💫', '🌸',\"🦄\"],\n emojiSize: 100,\n confettiNumber: 30\n })\n } else {\n\n if (localStorage.getItem('confetti') != \"true\") {\n const jsConfetti = new JSConfetti();\n jsConfetti.addConfetti();\n jsConfetti.addConfetti({\n confettiColors: [\n '#00FF00', '#63DDF6', '#4D05C4', '#FDF4E9','#00FF00','#63DDF6','#4D05C4', '#FDF4E9'\n ],\n })\n localStorage.setItem('confetti', \"true\");\n }\n }\n\n }\n connect() {\n this.dropConfetti();\n\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n// Connects to data-controller=\"flip-card\"\nexport default class extends Controller {\n connect() {\n this.element.addEventListener('change', (event) => {\n const flashCard = event.currentTarget.parentElement.parentElement\n flashCard.classList.toggle('transform-flash-card')\n })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { gantt } from \"../components/dataviz/hightchart/gantt\"\nimport { startHightchartStoryTime } from \"../components/dataviz/hightchart/animation/timeseries/one/start\"\nimport { startHightchartStoryTimeBar } from \"../components/dataviz/hightchart/animation/timeseries/bar/start\"\n// Connects to data-controller=\"gantt\"\nexport default class extends Controller {\n // static values = {\n // timeseries: Json\n // }\n connect() {\n\n const containerGantt = document.getElementById(\"container-gantt\")\n const containerStoryTime = document.getElementById(\"container-story-time\")\n const containerStoryTimeBar = document.getElementById(\"container-story-time-bar\")\n\n if (containerGantt) {\n gantt();\n }\n if (containerStoryTime) {\n const dataApiTimeSeries = containerStoryTime.dataset.ganttTimeseriesValue\n\n // const dataApiLogos = containerStoryTime.dataset.logos\n startHightchartStoryTime(dataApiTimeSeries);\n }\n if (containerStoryTimeBar) {\n const dataApiTimeSeries = containerStoryTimeBar.dataset.ganttTimeseriesValue\n // const dataApiLogos = containerStoryTime.dataset.logos\n startHightchartStoryTimeBar();\n }\n\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { gantt } from \"../components/dataviz/hightchart/ganttMobile\"\n\n// Connects to data-controller=\"gantt-mobile\"\nexport default class extends Controller {\n connect() {\n gantt();\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { spider } from \"../components/dataviz/hightchart/spider\";\nimport { dinosaurus } from '../components/animation/dinosaurus';\nexport default class extends Controller {\n connect() {\n spider();\n\n if (this.element.id == \"animation-dinausorus\") {\n dinosaurus()\n\n }\n // this.element.textContent = \"Hello World!\"\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n// Connects to data-controller=\"icone-vibrate\"\nexport default class extends Controller {\n connect() {\n this.element.addEventListener(\"mouseenter\", (event) => {\n event.currentTarget.querySelector(\".card-service-icone\").classList.add('vibrate');\n event.currentTarget.querySelector(\".card-service-icone\").querySelector('svg').classList.add('vibrate');\n });\n this.element.addEventListener(\"mouseleave\", (event) => {\n event.currentTarget.querySelector(\".card-service-icone\").classList.remove('vibrate');\n event.currentTarget.querySelector(\".card-service-icone\").querySelector('svg').classList.remove('vibrate');\n\n });\n }\n}\n","// This file is auto-generated by ./bin/rails stimulus:manifest:update\n// Run that command whenever you add a new controller or create them with\n// ./bin/rails generate stimulus controllerName\n\nimport { application } from \"./application\"\n\nimport AddressAutocompleteController from \"./address_autocomplete_controller\"\napplication.register(\"address-autocomplete\", AddressAutocompleteController)\n\n\nimport AddressAutocompleteMobileController from \"./address_autocomplete_mobile_controller\"\napplication.register(\"address-autocomplete-mobile\", AddressAutocompleteMobileController)\n\nimport CheckBoxFormController from \"./check_box_form_controller\"\napplication.register(\"check-box-form\", CheckBoxFormController)\n\nimport ChoiceDatavizController from \"./choice_dataviz_controller\"\napplication.register(\"choice-dataviz\", ChoiceDatavizController)\n\nimport ClipboardController from \"./clipboard_controller\"\napplication.register(\"clipboard\", ClipboardController)\n\nimport ConfettiController from \"./confetti_controller\"\napplication.register(\"confetti\", ConfettiController)\n\nimport FlipCardController from \"./flip_card_controller\"\napplication.register(\"flip-card\", FlipCardController)\n\nimport GanttController from \"./gantt_controller\"\napplication.register(\"gantt\", GanttController)\n\nimport GanttMobileController from \"./gantt_mobile_controller\"\napplication.register(\"gantt-mobile\", GanttMobileController)\n\nimport HelloController from \"./hello_controller\"\napplication.register(\"hello\", HelloController)\n\nimport IconeVibrateController from \"./icone_vibrate_controller\"\napplication.register(\"icone-vibrate\", IconeVibrateController)\n\nimport InputImgController from \"./input_img_controller\"\napplication.register(\"input-img\", InputImgController)\n\nimport InsertPhotoController from \"./insert_photo_controller\"\napplication.register(\"insert-photo\", InsertPhotoController)\n\nimport ListContinueController from \"./list_continue_controller\"\napplication.register(\"list-continue\", ListContinueController)\n\nimport SweetAlertController from \"./sweet_alert_controller\"\napplication.register(\"sweet-alert\", SweetAlertController)\n\nimport TypejsController from \"./typejs_controller\"\napplication.register(\"typejs\", TypejsController)\n","import { Controller } from \"@hotwired/stimulus\"\nimport { Dropzone } from \"dropzone\";\n// import \"dropzone/dist/dropzone.css\";\n\n// Connects to data-controller=\"input-img\"\nexport default class extends Controller {\n connect() {\n this.element.addEventListener(\"submit\", (event) => {\n event.preventDefault();\n\n photoDropzone.processQueue();\n\n\n })\n\n let photos = []\n Dropzone.autoDiscover = false;\n let photoDropzone = new Dropzone(\"#form-dropzone\", {\n autoProcessQueue: false,\n uploadMultiple: true,\n maxFiles: 2,\n maxFilesize: 2,\n parallelUploads:10000,\n addRemoveLinks: true,\n })\n photoDropzone.options.myElement = {\n // Note: using \"function()\" here to bind `this` to\n // the Dropzone instance.\n init: function () {\n this.on(\"successmultiple\", (file, response) => {\n done();\n console.log(\"A successmultiple file has been added\");\n });\n }\n };\n\n\n\n photoDropzone.on(\"addedfile\", file => {\n // photos.push(file[\"dataURL\"]);\n console.log(file);\n // photoDropzone.processQueue();\n\n\n // console.log(`File added: ${photos.slice(0, 2)}`);\n });\n\n\n\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport JSConfetti from 'js-confetti'\nimport { errorAlertSweet, loadingAlertSweet } from \"../components/alert/sweet.js\"\n// import { timer } from \"d3\";\nimport Swal from 'sweetalert2'\n\n// Connects to data-controller=\"insert-photo\"\nexport default class extends Controller {\n static targets = [\"photostyle\", \"form\"]\n\n\n connect() {\n\n Dropzone.autoDiscover = false;\n const refreshPage = () => {\n document.getElementById(\"spinner-loading\").classList.toggle(\"d-none\")\n document.getElementById(\"timer-waiting\").classList.toggle(\"d-none\")\n document.getElementById(\"spinner-loading\").insertAdjacentHTML(\"beforebegin\", `\n \n Relancer une création\n `)\n document.getElementById(\"spinner-loading\").nextElementSibling.remove();\n }\n let photoDropzone = new Dropzone(\"#form-dropzone\", {\n autoProcessQueue: false,\n uploadMultiple: true,\n dictRemoveFile: \"Supprimer\",\n dictFileTooBig: \"Fichier trop gros ({{filesize}}MiB). Taille max: {{maxFilesize}}MiB.\",\n dictCancelUpload: \"\",\n maxFiles: 2,\n maxFilesize: 20,\n thumbnailHeight: 250,\n thumbnailwidth: 250,\n resizeHeight: 500,\n resizeQuality: 0.6,\n maxThumbnailFilesize: 20,\n resizeMethod: 'contain',\n resizeMimeType: 'image/png',\n parallelUploads: 2,\n addRemoveLinks: true,\n uploadForm: this.formTarget,\n init: function () {\n this.on(\"addedfile\", file => {\n // https://docs.dropzone.dev/configuration/basics/layout\n\n const photo1 = document.getElementById(\"input-photo-1\");\n const photo2 = document.getElementById(\"input-photo-2-tableau\");\n document.querySelector(\".dz-progress\").remove();\n file.previewElement.classList.add(\"dz-success\");\n\n\n if (photo1.querySelector(\".dz-preview\")) {\n photo2.classList.toggle(\"input-photo\")\n photo2.querySelector(\".add-tof\").classList.toggle(\"d-none\")\n\n file.previewElement.classList.add(\"photo-2-tableau\")\n photo2.insertAdjacentElement(\"afterbegin\", file.previewElement)\n } else {\n photo1.classList.toggle(\"input-photo\")\n photo1.querySelector(\".add-tof\").classList.toggle(\"d-none\")\n file.previewElement.classList.add(\"photo-1\")\n photo1.insertAdjacentElement(\"afterbegin\", file.previewElement)\n }\n });\n this.on(\"removedfile\", (file) => {\n if (file.previewElement.classList.contains(\"photo-1\")) {\n const photo1 = document.getElementById(\"input-photo-1\");\n photo1.classList.toggle(\"input-photo\");\n file.previewElement.remove()\n } else if (file.previewElement.classList.contains(\"photo-2-tableau\")) {\n const photo2 = document.getElementById(\"input-photo-2-tableau\");\n photo2.classList.toggle(\"input-photo\");\n file.previewElement.remove()\n }\n });\n this.on(\"errormultiple\", function (files, response) {\n Swal.close();\n refreshPage();\n errorAlertSweet(\"Une erreur est survenue. Veuillez réessayer.\", true);\n });\n this.on(\"successmultiple\", function (files, response) {\n Swal.close()\n\n console.log('response', response)\n photoDropzone.clickable = false;\n\n const photoBoxStyle = document.getElementById(\"box-style\")\n // photoBoxStyle.classList.remove(\"input-photo\");\n photoBoxStyle.insertAdjacentHTML(\"afterbegin\", `\n
\n `)\n // document.getElementById(\"form-dropzone\")\n const photoStyleDisplay = document.getElementById(\"photo-style-display\")\n photoStyleDisplay.querySelector(\"img\").src = response.img.photo_style\n photoStyleDisplay.querySelector(\"input\").value = response.url_show\n photoStyleDisplay.classList.toggle(\"d-none\")\n photoStyleDisplay.insertAdjacentHTML(\"afterend\", `\n
\n \n Voir le montage\n \n
\n `)\n // < a href = \"${response.img.photo_style}\" download = \"image-thedeclic.png\" target = \"_blank\" > Télécharger l'image\n\n refreshPage()\n\n const jsConfetti = new JSConfetti();\n jsConfetti.addConfetti();\n jsConfetti.addConfetti({\n emojis: ['❤️', '❤️', '❤️', '❤️', '✨'],\n emojiSize: 70,\n confettiNumber: 50\n })\n\n });\n }\n })\n window.photoDropzone = photoDropzone\n\n }\n send(event) {\n event.preventDefault()\n event.stopPropagation();\n if (photoDropzone.files.length == 2) {\n photoDropzone.processQueue()\n document.querySelector('input[type=\"submit\"]').disabled = true;\n document.querySelector(\".dz-hidden-input\").disabled = true\n\n\n let timerTime = 60000;\n loadingAlertSweet(timerTime);\n document.getElementById(\"spinner-loading\").classList.toggle(\"d-none\")\n document.getElementById(\"timer-waiting\").classList.toggle(\"d-none\")\n\n timerTime = parseInt((timerTime - 2000) / 1000)\n const timerIntervalTwo = setInterval(() => {\n document.getElementById(\"timer-waiting\").innerHTML = `Temps restant maximum ${timerTime}.`;\n timerTime--;\n if (timerTime === 0) {\n clearInterval(timerIntervalTwo);\n }\n }, 1000);\n\n\n\n } else {\n // let timerTime = 60000;\n // loadingAlertSweet(timerTime);\n\n\n errorAlertSweet(\"Veuillez ajouter uniquement 2 photos\", false);\n\n }\n }\n\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n// Connects to data-controller=\"list-continue\"\nexport default class extends Controller {\n\n connect() {\n // function listContinue(element) {\n // element\n // // console.log(bulletBig)\n // console.log(bulletBig)\n // }\n // setInterval(listContinue, 2000, this.element)\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport Swal from 'sweetalert2'\n\n// Connects to data-controller=\"sweet-alert\"\nexport default class extends Controller {\n connect() {\n let content_html =`\n - \n\n
- \n \n Paris Musees Collections \n \n \n
- \n \n Art institvte Chicago \n \n \n
- \n \n The Metropolitan Museum of Art \n \n \n
- \n \n Unsplah \n \n \n
- \n \n Commons Wikimedia \n \n \n