pmeunier/grain - Change N44CYCGQAWWGNV4D53SEJFM4UTSEZDT2YO33XGFXI2W37HQHKWDQC

Migration complète vers Tailwind

Created by pmeunier on February 15, 2026

N44CYCGQAWWGNV4D53SEJFM4UTSEZDT2YO33XGFXI2W37HQHKWDQC

Dependencies

In channels

main

Change contents

Insertion in vite.config.js at line 2 [2.29618]
[18.24657]
[2.29667]
```
import tailwindcss from '@tailwindcss/vite'
```
Replacement in vite.config.js at line 6 [2.29618]
B:BD[2.29726] → [18.24658:24686]
```
    plugins: [sveltekit()],
```
[2.29726]
[2.29769]
```
    plugins: [tailwindcss(), sveltekit()],
```

Replacement in vite.config.js at line 10 [2.29618]

B:BD[18.24738] → [34.0:66]

                additionalData: '@import "/src/variables.scss";',

[18.24738]

[18.24805]

                additionalData(source, fp) {
                    if (fp.endsWith('app.scss')) return source
                    return '@import "/src/app.scss";' + source
                },

File addition: signal-red.png (----------)
[32.18]

File addition: leafletfs.css (----------)

[32.18]

.fullscreen-icon {
    background-image: url(icon-fullscreen.svg);
    background-size: 26px 52px;
}
.fullscreen-icon.leaflet-fullscreen-on {
    background-position: 0 -26px;
}
.leaflet-touch .fullscreen-icon {
    background-position: 2px 2px;
}
.leaflet-touch .fullscreen-icon.leaflet-fullscreen-on {
    background-position: 2px -24px;
}
/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
.leaflet-container:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
}
.leaflet-container:-ms-fullscreen {
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
}
.leaflet-container:full-screen {
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
}
.leaflet-container:fullscreen {
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
}
.leaflet-pseudo-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 99999;
}

File addition: leaflet.css (----------)

[32.18]

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
}
.leaflet-container {
    overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
    background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    /* Fallback for FF which doesn't support pinch-zoom */
    touch-action: none;
    touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
}
.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
    filter: inherit;
    visibility: hidden;
}
.leaflet-tile-loaded {
    visibility: inherit;
}
.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
    -moz-user-select: none;
}
.leaflet-pane {
    z-index: 400;
}
.leaflet-tile-pane {
    z-index: 200;
}
.leaflet-overlay-pane {
    z-index: 400;
}
.leaflet-shadow-pane {
    z-index: 500;
}
.leaflet-marker-pane {
    z-index: 600;
}
.leaflet-tooltip-pane {
    z-index: 650;
}
.leaflet-popup-pane {
    z-index: 700;
}
.leaflet-map-pane canvas {
    z-index: 100;
}
.leaflet-map-pane svg {
    z-index: 200;
}
.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}
.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}
/* control positioning */
.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}
.leaflet-top {
    top: 0;
}
.leaflet-right {
    right: 0;
}
.leaflet-bottom {
    bottom: 0;
}
.leaflet-left {
    left: 0;
}
.leaflet-control {
    float: left;
    clear: both;
}
.leaflet-right .leaflet-control {
    float: right;
}
.leaflet-top .leaflet-control {
    margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
    margin-left: 10px;
}
.leaflet-right .leaflet-control {
    margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
    will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}
.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}
/* cursors */
.leaflet-interactive {
    cursor: pointer;
}
.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
    pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
    pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
    background: #ddd;
    outline: 0;
}
.leaflet-container a {
    color: #0078a8;
}
.leaflet-container a.leaflet-active {
    outline: 2px solid orange;
}
.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
    font:
        12px/1.5 'Helvetica Neue',
        Arial,
        Helvetica,
        sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}
.leaflet-bar a:hover {
    background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}
.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font:
        bold 18px 'Lucida Console',
        Monaco,
        monospace;
    text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background: #fff;
    border-radius: 5px;
}
.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}
.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}
.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
}
.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}
.leaflet-control-layers label {
    display: block;
}
.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
    background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
}
.leaflet-control-attribution a {
    text-decoration: none;
}
.leaflet-control-attribution a:hover {
    text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}
.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}
/* popup */
.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}
.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}
.leaflet-popup-content p {
    margin: 18px 0;
}
.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
}
.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font:
        16px/14px Tahoma,
        Verdana,
        sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
}
.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: '';
}
/* Directions */
.leaflet-tooltip-bottom {
    margin-top: 6px;
}
.leaflet-tooltip-top {
    margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px;
}
.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff;
}
.leaflet-tooltip-left {
    margin-left: -6px;
}
.leaflet-tooltip-right {
    margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px;
}
.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff;
}
.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff;
}

File addition: leaflet-gesture-handling.min.css (----------)

[32.18]

@-webkit-keyframes leaflet-gestures-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes leaflet-gestures-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.leaflet-container:after {
    -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
    animation: leaflet-gestures-fadein 0.8s backwards;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 22px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 461;
    pointer-events: none;
}
.leaflet-gesture-handling-scroll-warning:after,
.leaflet-gesture-handling-touch-warning:after {
    -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
    animation: leaflet-gestures-fadein 0.8s forwards;
}
.leaflet-gesture-handling-touch-warning:after {
    content: attr(data-gesture-handling-touch-content);
}
.leaflet-gesture-handling-scroll-warning:after {
    content: attr(data-gesture-handling-scroll-content);
}

Insertion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 17 [35.42]

[35.695]

    import PlusCircle from '../../../../PlusCircle.svelte'
    import XCircle from '../../../../XCircle.svelte'
    import Question from '../../../../Question.svelte'

Insertion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 134 [35.42]

[35.2515]

        if (!$prms.length) {
            prms.update((x) => {
                x.push({
                    prm: 1234,
                    nom: 'bla',
                    prenom: 'bla',
                    siret: '',
                    pro: true,
                    consentement: true,
                })
                return x
            })
        }

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 498 [35.42]

B:BD[35.12962] → [35.12962:13297]

<div class="tab-content" id="simuTabContent">
    <div
        class="tab-pane fade active show p-3"
        id="simu-tab-pane"
        role="tabpanel"
        aria-labelledby="simu-tab"
        tabindex="0">
        <h3 class="my-3 fs-1 fw-bold">
            Production… <span class="text-primary">Consommation</span>
        </h3>

[35.12962]

[35.13297]

<div class="p-10 flex flex-col">
    <h1 class="my-8 text-4xl font-bold">
        Production… <span class="text-primary">Consommation</span>
    </h1>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 503 [35.42]

B:BD[35.13298] → [35.13298:13578]

        <form method="POST" action="/api/grain" id="pdl" onsubmit={refresh}>
        </form>
        {#if erreur}
            <div
                id="erreur"
                class="alert alert-danger fade d-flex"
                class:show={erreur}
                role="alert">

[35.13298]

[35.13578]

    <form method="POST" action="/api/grain" id="pdl" onsubmit={refresh}></form>
    {#if erreur}
        <div
            id="erreur"
            class="alert alert-error fade flex"
            class:show={erreur}
            role="alert">
            <div>

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 512 [35.42]

B:BD[35.13603] → [35.13603:13869]

                <button
                    type="button"
                    class="btn-close"
                    style="padding:20px;margin:-16px -16px -16px auto"
                    onclick={() => (erreur = '')}
                    aria-label="Close"></button>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 513 [35.42]

B:BD[35.13888] → [35.13888:13956]

B:BD[35.13956] → [38.2347:2378]

∅:D[38.2378] → [35.13990:14762]

B:BD[35.13990] → [35.13990:14762]

B:BD[35.14762] → [38.2379:2429]

∅:D[38.2429] → [35.14816:15101]

B:BD[35.14816] → [35.14816:15101]

B:BD[35.15101] → [38.2430:2665]

∅:D[38.2665] → [35.15229:16863]

B:BD[35.15229] → [35.15229:16863]

        {/if}
        <h2 class="my-5">Profils de consommation</h2>
        {#if $profils?.length}
            {#if $expert}
                <div>
                    Vous êtes en mode expert. Dans ce mode, vous avez un accès
                    direct à tous les profils utilisés par les opérateurs du
                    réseau pour simuler les consommations. Voir <a
                        href="https://www.enedis.fr/responsable-dequilibre-profilage-et-profils"
                        >la documentation</a
                    >.
                </div>
            {/if}
            <table class="table">
                <thead
                    ><tr
                        ><th></th><th>Profil</th><th
                            >Consommation annuelle (kWh)</th
                        ><th></th></tr
                    ></thead>
                <tbody>
                    {#each $profils as pr, i (i)}
                        <tr>
                            <td class="px-3 align-middle">Profil</td>
                            <td>
                                <select
                                    class="form-select"
                                    bind:value={pr.type}
                                    onchange={() => {
                                        profils_modified.set(true)
                                        updatePlot(puissance, communaute)
                                    }}>
                                    {#each Object.keys(profils_) as p (p)}
                                        <option value={p}>{p}</option>
                                    {/each}
                                </select>
                            </td>
                            <td>
                                <input
                                    type="number"
                                    class="form-control"
                                    placeholder="Abonnement (kW)"
                                    min="0"
                                    step="500"
                                    bind:value={pr.conso}
                                    onchange={() =>
                                        updatePlot(puissance, communaute)} />
                            </td>
                            <td
                                style="width:1%;white-space:nowrap;text-align:center">
                                <button
                                    class="btn btn-link"
                                    onclick={() => delProfil(i)}
                                    aria-label="Supprimer ce profil"
                                    ><i class="bi bi-x-circle text-primary"></i
                                    ></button>
                            </td>
                        </tr>
                    {/each}
                </tbody>
            </table>
        {/if}
        <div class="text-center">
            <button class="btn btn-primary" onclick={addProfil}
                ><i class="bi bi-plus-circle"></i>&nbsp;Ajouter un profil</button>

[35.13888]

[35.16863]

            <button
                type="button"
                class="ms-auto"
                onclick={() => (erreur = '')}
                aria-label="Close">
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    fill="none"
                    viewBox="0 0 24 24"
                    stroke-width="1.5"
                    stroke="currentColor"
                    class="w-5">
                    <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        d="M6 18 18 6M6 6l12 12" />
                </svg>
            </button>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 532 [35.42]

B:BD[35.16878] → [35.16878:16931]

B:BD[35.16931] → [38.2666:2730]

∅:D[38.2730] → [35.16992:17192]

B:BD[35.16992] → [35.16992:17192]


        <h2 class="my-5">Relevés de compteurs</h2>
        {#if data_.active && data_.id && data_.id != 'nouveau'}
            <div class="mb-5">
                Vous pouvez ajouter des compteurs d'entreprises ou
                d'associations par leur numéro de compteur et leur numéro de
                SIRET.

[35.16878]

[35.17192]

    {/if}
    <h2 class="text-2xl my-5">Profils de consommation</h2>
    {#if $profils?.length}
        {#if $expert}
            <div>
                Vous êtes en mode expert. Dans ce mode, vous avez un accès
                direct à tous les profils utilisés par les opérateurs du réseau
                pour simuler les consommations. Voir <a
                    href="https://www.enedis.fr/responsable-dequilibre-profilage-et-profils"
                    >la documentation</a
                >.

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 544 [35.42]

B:BD[35.17211] → [41.308483:308561]

∅:D[38.2819] → [35.17296:17479]

∅:D[41.308561] → [35.17296:17479]

B:BD[35.17296] → [35.17296:17479]

B:BD[35.17479] → [41.308562:309410]

            {#if $prms?.length}
                {#each $prms as prm, i (prm)}
                    <div class="row my-2">
                        <div class="col-3 d-flex align-middle">
                            <label class="ms-auto form-label" for="prm-{i}"
                                >PRM</label
                            ><button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky."
                                aria-label="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky."
                                ><i class="bi bi-question-circle"></i></button>

[35.17211]

[35.18392]

        {/if}
        <table class="table w-auto mx-auto my-5">
            <thead
                ><tr
                    ><th>Profil</th><th>Consommation annuelle (kWh)</th><th></th
                    ></tr
                ></thead>
            <tbody>
                {#each $profils as pr, i (i)}
                    <tr>
                        <td>
                            <select
                                class="select"
                                bind:value={pr.type}
                                onchange={() => {
                                    profils_modified.set(true)
                                    updatePlot(puissance, communaute)
                                }}>
                                {#each Object.keys(profils_) as p (p)}
                                    <option value={p}>{p}</option>
                                {/each}
                            </select>
                        </td>
                        <td>
                            <input
                                type="number"
                                class="input"
                                placeholder="Abonnement (kW)"
                                min="0"
                                step="500"
                                bind:value={pr.conso}
                                onchange={() =>
                                    updatePlot(puissance, communaute)} />
                        </td>
                        <td>
                            <button
                                class="text-primary"
                                onclick={() => delProfil(i)}
                                aria-label="Supprimer ce profil"
                                ><XCircle /></button>
                        </td>
                    </tr>
                {/each}
            </tbody>
        </table>
    {/if}
    <button class="mx-auto btn btn-primary" onclick={addProfil}
        ><PlusCircle />&nbsp;Ajouter un profil</button>
    <h2 class="text-2xl mt-10 my-5">Relevés de compteurs</h2>
    {#if data_.active && data_.id && data_.id != 'nouveau'}
        <div class="mb-5">
            Vous pouvez ajouter des compteurs d'entreprises ou d'associations
            par leur numéro de compteur et leur numéro de SIRET.
        </div>
        {#if $prms?.length}
            {#each $prms as prm, i (prm)}
                <div class="flex flex-wrap gap-x-10 gap-5">
                    <div class="flex flex-col w-full gap-2">
                        <div class="flex">
                            <label class="label" for="prm-{i}">PRM</label
                            >&nbsp;<Question
                                datatip="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky." />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 608 [35.42]

B:BD[35.18423] → [35.18423:18491]

                        <div class="col d-flex align-items-center">

[35.18423]

[35.18491]

                        <div class="flex gap-1">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 610 [35.42]

B:BD[35.18526] → [35.18526:18595]

                                class="form-control form-control-sm"

[35.18526]

[35.18595]

                                class="input input-sm"

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 618 [35.42]

B:BD[35.18972] → [35.18972:19080]

                        </div>
                        <div class="col col-auto d-flex align-items-center">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 619 [35.42]

B:BD[35.19116] → [35.19116:19187]

                                class="btn btn-outline-primary btn-sm"

[35.19116]

[35.19187]

                                class="btn btn-outline btn-primary btn-sm ms-auto"

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 625 [35.42]

B:BD[35.19511] → [35.19511:19581]

                                ><i class="bi bi-trash"></i></button>

[35.19511]

[35.19581]

                                ><XCircle /></button>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 628 [35.42]

B:BD[35.19639] → [35.19639:19984]

                    <div class="row my-2">
                        <div class="col-3 d-flex align-middle">
                            <label class="ms-auto form-label" for="prm-{i}"
                                >Relevé au format CSV</label>
                        </div>
                        <div class="col d-flex align-items-center">

[35.19639]

[35.19984]

                    <div class="flex flex-col gap-2">
                        <label class="label" for="prm-{i}"
                            >Relevé au format CSV</label>
                        <div class="flex">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 633 [35.42]

B:BD[35.20019] → [35.20019:20088]

                                class="form-control form-control-sm"

[35.20019]

[35.20088]

                                class="file-input file-input-sm"

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 637 [35.42]

B:BD[35.20236] → [42.0:660]

                                <button
                                    type="button"
                                    class="btn btn-link align-baseline p-0 ms-2"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover focus"
                                    data-bs-content="Nous avons enregistré votre fichier, mais vous pouvez le mettre à jour à tout moment."
                                    aria-label="Nous avons enregistré votre fichier, mais vous pouvez le mettre à jour à tout moment."
                                    ><i class="bi bi-check-circle"></i></button>

[35.20236]

[35.20308]

                                <Question
                                    datatip="Nous avons enregistré votre fichier, mais vous pouvez le mettre à jour à tout moment." />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 642 [35.42]

B:BD[35.20400] → [35.20400:20495]

                    <div class="row my-2">
                        <div class="col-9 ms-auto">

[35.20400]

[35.20495]

                    <div class="flex gap-5">
                        <div class="flex gap-2 items-center">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 646 [35.42]

B:BD[35.20575] → [35.20575:20625]

                                class="btn-check"

[35.20575]

[35.20625]

                                class="radio radio-sm"

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 650 [35.42]

B:BD[35.20776] → [35.20776:20848]

                            <label class="btn btn-sm" for="particulier"

[35.20776]

[35.20848]

                            <label class="label" for="particulier"

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 652 [35.42]
B:BD[35.20901] → [35.20901:20902]
[35.20901]
[35.20902]
```
                        </div>
                        <div class="flex gap-2 items-center">
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 656 [35.42]

B:BD[35.20982] → [35.20982:21032]

                                class="btn-check"

[35.20982]

[35.21032]

                                class="radio radio-sm"

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 660 [35.42]

B:BD[35.21174] → [35.21174:21293]

                            <label class="btn btn-sm" for="pro"
                                >Professionnel</label>

[35.21174]

[35.21293]

                            <label class="label" for="pro">Professionnel</label>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 664 [35.42]

B:BD[35.21385] → [35.21385:22146]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label
                                    class="ms-auto form-label"
                                    for="siret-{i}"
                                    >SIRET du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="siret-{i}"
                                    bind:value={prm.siret} />
                            </div>

[35.21385]

[35.22146]

                        <div class="flex flex-col my-2 gap-2 w-full">
                            <label class="label" for="siret-{i}"
                                >SIRET du titulaire du compteur</label>
                            <input
                                class="input input-sm"
                                id="siret-{i}"
                                bind:value={prm.siret} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 672 [35.42]

B:BD[35.22177] → [35.22177:22943]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label
                                    class="ms-auto form-label"
                                    for="prenom-{i}"
                                    >Prénom du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="prenom-{i}"
                                    bind:value={prm.prenom} />
                            </div>

[35.22177]

[35.22943]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="prenom-{i}"
                                >Prénom du titulaire du compteur</label>
                            <input
                                class="input input-sm"
                                id="prenom-{i}"
                                bind:value={prm.prenom} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 680 [35.42]

B:BD[35.22974] → [35.22974:23655]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="nom-{i}"
                                    >Nom du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="nom-{i}"
                                    bind:value={prm.nom} />
                            </div>

[35.22974]

[35.23655]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="nom-{i}"
                                >Nom du titulaire du compteur</label>
                            <input
                                class="input input-sm"
                                id="nom-{i}"
                                bind:value={prm.nom} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 689 [35.42]

B:BD[35.23714] → [35.23714:24480]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label
                                    class="ms-auto form-label"
                                    for="prenom-{i}"
                                    >Prénom du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="prenom-{i}"
                                    bind:value={prm.prenom} />
                            </div>

[35.23714]

[35.24480]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="prenom-{i}"
                                >Prénom du titulaire du compteur</label>
                            <input
                                class="input input-sm"
                                id="prenom-{i}"
                                bind:value={prm.prenom} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 697 [35.42]

B:BD[35.24511] → [35.24511:25192]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label class="ms-auto form-label" for="nom-{i}"
                                    >Nom du titulaire du compteur</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="nom-{i}"
                                    bind:value={prm.nom} />
                            </div>

[35.24511]

[35.25192]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="nom-{i}"
                                >Nom du titulaire du compteur</label>
                            <input
                                class="input input-sm"
                                id="nom-{i}"
                                bind:value={prm.nom} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 705 [35.42]

B:BD[35.25223] → [35.25223:25943]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label
                                    class="ms-auto form-label"
                                    for="numerorue-{i}">Numéro et rue</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="numerorue-{i}"
                                    bind:value={prm.numerorue} />
                            </div>

[35.25223]

[35.25943]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="numerorue-{i}"
                                >Numéro et rue</label>
                            <input
                                class="input input-sm"
                                id="numerorue-{i}"
                                bind:value={prm.numerorue} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 713 [35.42]

B:BD[35.25974] → [35.25974:26743]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label
                                    class="ms-auto form-label"
                                    for="codepostal-{i}"
                                    >Code INSEE de la commune</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="codepostal-{i}"
                                    bind:value={prm.codeinsee} />
                            </div>

[35.25974]

[35.26743]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="codepostal-{i}"
                                >Code INSEE de la commune</label>
                            <input
                                class="input input-sm"
                                id="codepostal-{i}"
                                bind:value={prm.codeinsee} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 722 [35.42]

B:BD[35.26774] → [35.26774:27485]

                        <div class="row my-2">
                            <div
                                class="col-3 d-flex text-end align-items-center">
                                <label
                                    class="ms-auto form-label"
                                    for="serie-{i}">Numéro de série</label>
                            </div>
                            <div class="col-9 d-flex align-items-center">
                                <input
                                    class="form-control form-control-sm"
                                    id="serie-{i}"
                                    bind:value={prm.serie} />
                            </div>

[35.26774]

[35.27485]

                        <div class="flex flex-col my-2 gap-2">
                            <label class="label" for="serie-{i}"
                                >Numéro de série</label>
                            <input
                                class="input input-sm"
                                id="serie-{i}"
                                bind:value={prm.serie} />

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 731 [35.42]

B:BD[35.27542] → [35.27542:27599]

                    <div class="my-3 form-check d-flex">

[35.27542]

[35.27599]

                    <div class="flex items-center gap-2">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 733 [35.42]

B:BD[35.27630] → [35.27630:27696]

                            class="form-check-input ms-auto me-2"

[35.27630]

[35.27696]

                            class="checkbox checkbox-primary checkbox-sm"

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 737 [35.42]

B:BD[35.27853] → [35.27853:27996]

                        <label
                            class="form-check-label me-auto"
                            for="consentement-{i}"

[35.27853]

[35.27996]

                        <label class="label" for="consentement-{i}"

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 741 [35.42]

B:BD[35.28157] → [35.28157:28815]

                {/each}
                <div class="my-3">
                    Ce service ne consulte la courbe de charge du compteur
                    communiquant qu'une seule fois, et ce consentement expire
                    dès que ces données pour l'année écoulée sont récupérées.
                    Les données collectées depuis les compteurs communiquants
                    sont stockées temporairement sur nos serveurs pour des
                    raisons de performance, ne sont utilisées que pour afficher
                    cette page et produire le rapport, et ne sont jamais
                    conservées plus de 30 jours.

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 742 [35.42]

B:BD[35.28838] → [35.28838:29178]

B:BD[35.29178] → [43.0:90]

∅:D[43.90] → [41.309467:309619]

B:BD[35.29267] → [41.309467:309619]

∅:D[41.309619] → [35.29597:29808]

B:BD[35.29597] → [35.29597:29808]

B:BD[35.29808] → [38.3037:3069]

                <div class="my-3">
                    Les données envoyées via un fichier sont conservées jusqu'à
                    ce que vous supprimiez ce projet.
                </div>
            {/if}
            <div class="d-flex justify-content-center">
                <button class="mx-2 btn btn-primary" onclick={addPrm}
                    ><i class="bi bi-plus-circle"></i>&nbsp;Ajouter un compteur!</button>
                {#if $prms.length}
                    <button class="mx-2 btn btn-primary" form="pdl"
                        >Mettre à jour</button>
                    <div
                        class="mx-2 spinner-border text-primary"
                        class:d-none={!prm_loading}>
                    </div>
                {/if}
            </div>
        {:else if data_.active}

[35.28838]

[35.29839]

            {/each}

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 744 [35.42]

B:BD[35.29870] → [35.29870:29981]

                Sauvegardez ce projet pour avoir accès aux relevés de compteurs
                détaillés.

[35.29870]

[35.29981]

                Ce service ne consulte la courbe de charge du compteur
                communiquant qu'une seule fois, et ce consentement expire dès
                que ces données pour l'année écoulée sont récupérées. Les
                données collectées depuis les compteurs communiquants sont
                stockées temporairement sur nos serveurs pour des raisons de
                performance, ne sont utilisées que pour afficher cette page et
                produire le rapport, et ne sont jamais conservées plus de 30
                jours.

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 753 [35.42]
B:BD[35.30000] → [35.30000:30016]
```
        {:else}
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 754 [35.42]

B:BD[35.30047] → [35.30047:30132]

B:BD[35.30132] → [41.309620:309839]

                Vous devez être abonné pour avoir accès aux relevés de compteurs
                détaillés. Cependant, si vous disposez des relevés au format CSV
                (au format de ligne: <code>2025-11-18T14:00:00+01:00; 440</code
                >), n'hésitez pas à les fournir ici.

[35.30047]

[41.309839]

                Les données envoyées via un fichier sont conservées jusqu'à ce
                que vous supprimiez ce projet.

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 757 [35.42]

B:BD[41.309858] → [43.91:843]

∅:D[43.843] → [41.311262:311289]

B:BD[41.311262] → [41.311262:311289]

B:BD[41.311289] → [43.844:1324]

∅:D[43.1324] → [41.311841:311868]

B:BD[41.311841] → [41.311841:311868]

B:BD[41.311868] → [43.1325:1368]

        {/if}
        {#if $prms?.length}
            {#each $prms as prm, i (prm)}
                <div class="row my-2">
                    <div class="col-3 d-flex align-middle">
                        <label class="ms-auto form-label" for="prm-{i}"
                            >Relevé au format CSV</label>
                    </div>
                    <div class="col-auto flex-grow-1 d-flex align-items-center">
                        <input
                            class="form-control form-control-sm"
                            id="releve-{i}"
                            type="file" />
                        {#if prm.releve?.length}
                            <i class="ms-3 bi bi-check-circle"></i>
                        {/if}
                    </div>
                    <div class="col col-auto d-flex align-items-center">
                        <button
                            class="btn btn-outline-primary btn-sm"
                            onclick={(e) => {
                                e.preventDefault()
                                $prms.splice(i, 1)
                            }}
                            aria-label="Supprimer ce compteur"
                            ><i class="bi bi-trash"></i></button>
                    </div>
                </div>
            {/each}

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 758 [35.42]
B:BD[35.30194] → [43.1369:1421]
```
        <div class="d-flex justify-content-center">
```
[35.30194]
[43.1421]
```
        <div class="flex justify-center my-10">
```

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 760 [35.42]

B:BD[43.1487] → [43.1487:1572]

                ><i class="bi bi-plus-circle"></i>&nbsp;Ajouter un compteur</button>

[43.1487]

[43.1572]

                ><PlusCircle />&nbsp;Ajouter un compteur</button>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 765 [35.42]

B:BD[43.1733] → [43.1733:1843]

                    class="mx-2 spinner-border text-primary"
                    class:d-none={!prm_loading}>

[43.1733]

[43.1843]

                    class="mx-2 loading text-primary"
                    class:hidden={!prm_loading}>

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 770 [35.42]

∅:D[43.1899] → [35.30194:30295]

B:BD[35.30194] → [35.30194:30295]

        <h2 class="mt-5">Simulation</h2>
        <table class="table table-bordered d-inline-block">

[43.1899]

[35.30295]

    {:else if data_.active}
        <div class="my-3">
            Sauvegardez ce projet pour avoir accès aux relevés de compteurs
            détaillés.
        </div>
    {:else}
        <div class="my-3">
            Vous devez être abonné pour avoir accès aux relevés de compteurs
            détaillés. Cependant, si vous disposez des relevés au format CSV (au
            format de ligne: <code>2025-11-18T14:00:00+01:00; 440</code>),
            n'hésitez pas à les fournir ici.
        </div>
    {/if}
    {#if $prms?.length}
        {#each $prms as prm, i (prm)}
            <div class="flex flex-col my-2 gap-2">
                <label class="label" for="prm-{i}">Relevé au format CSV</label>
                <div class="flex items-center gap-2">
                    <input
                        class="file-input file-input-sm"
                        id="releve-{i}"
                        type="file" />
                    {#if prm.releve?.length}
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            stroke="currentColor"
                            class="size-6">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                        </svg>
                    {/if}
                    <button
                        class="btn btn-outline btn-primary btn-sm"
                        onclick={(e) => {
                            e.preventDefault()
                            $prms.splice(i, 1)
                        }}
                        aria-label="Supprimer ce compteur"><XCircle /></button>
                </div>
            </div>
        {/each}
    {/if}
    <div class="flex justify-center my-5">
        <button class="mx-2 btn btn-primary" onclick={addPrm}
            ><PlusCircle />&nbsp;Ajouter un compteur</button>
        {#if $prms.length}
            <button class="mx-2 btn btn-primary" form="pdl"
                >Mettre à jour</button>
            <div class="mx-2 loading text-primary" class:hidden={!prm_loading}>
            </div>
        {/if}
    </div>
    <h2 class="text-2xl mt-5 my-10">Simulation</h2>
    <div class="me-auto">
        <table class="table inline-block">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 843 [35.42]

B:BD[35.30666] → [35.30666:30918]

        {#if pvgis_loading}
            <div class="my-3 d-flex align-items-center text-primary">
                <div class="spinner-border text-primary me-3"></div>
                Chargement de la production solaire
            </div>
        {/if}

[35.30666]

[35.30918]

    </div>
    {#if pvgis_loading}
        <div class="flex items-center text-primary my-5 gap-3">
            <div class="loading text-primary"></div>
            Chargement de la production solaire
        </div>
    {/if}

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 851 [35.42]

B:BD[35.30919] → [35.30919:31021]

        <div class="my-3">
            <div class="mx-auto" style="min-height:450px" id="plot"></div>

[35.30919]

[35.31021]

    <div class="my-3">
        <div class="mx-auto" style="min-height:450px" id="plot"></div>
    </div>
    <div class="flex flex-wrap">
        <div class="p-0 m-0 sm:w-1/2 w-full" style={plotStyle} id="autoProd">

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 857 [35.42]

B:BD[35.31036] → [35.31036:31257]

        <div class="row">
            <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoProd">
            </div>
            <div class="col-12 col-sm-6 p-0" style={plotStyle} id="autoConso">
            </div>

[35.31036]

[35.31257]

        <div class="p-0 m-0 sm:w-1/2 w-full" style={plotStyle} id="autoConso">

Insertion in src/routes/grain/projet/[id]/finances/+page.svelte at line 4 [26.22693]
[26.22798]
[34.282]
```
    import Question from '../../../../Question.svelte'
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 71 [26.22693]

∅:D[34.391] → [26.24762:24940]

B:BD[26.24762] → [26.24762:24940]

<div
    class="tab-pane fade active show p-3"
    id="compte-tab-pane"
    role="tabpanel"
    aria-labelledby="compte-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">

[34.391]

[34.392]

<div class="p-10">
    <h1 class="my-8 text-4xl font-bold">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 74 [26.22693]
∅:D[34.467] → [26.25023:25065]
B:BD[26.25023] → [26.25023:25065]
```
    </h3>
    Durée d'analyse : {$N} ans
```
[34.467]
[26.25065]
```
    </h1>
    <div class="text-2xl">
        Durée d'analyse : {$N} ans
    </div>
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 79 [26.22693]

B:BD[26.25066] → [26.25066:25178]

    <h4 class="my-3 mt-5">Résultat</h4>
    <div class="ms-3 row">
        <h5 class="mt-5">Résultat net</h5>

[26.25066]

[26.25178]

    <h2 class="text-2xl my-3 mt-5">Résultat</h2>
    <div class="ms-3 flex flex-col gap-5">
        <h3 class="text-xl mt-5">Résultat net</h3>

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 83 [26.22693]
B:BD[26.25179] → [26.25179:25214]
```
        <div class="fw-bold fs-4">
```
[26.25179]
[26.25214]
```
        <div class="font-bold text-lg">
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 88 [26.22693]

B:BD[26.25340] → [26.25340:25429]

        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-3">

[26.25340]

[26.25429]

        <div class="flex flex-wrap">
            <div class="flex flex-col my-3">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 94 [26.22693]
∅:D[34.641] → [26.25662:25716]
B:BD[26.25662] → [26.25662:25716]
```
                <div class="d-flex flex-column my-3">
```
[34.641]
[26.25716]
```
                <div class="flex flex-col my-3">
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 103 [26.22693]

B:BD[26.25963] → [26.25963:26104]

    <h4 class="my-3">Détail</h4>
    <div class="ms-3">
        <h5 class="mt-5">Chiffre d'affaires</h5>
        <div class="fw-bold fs-4">

[26.25963]

[26.26104]

    <h2 class="text-2xl my-3">Détail</h2>
    <div class="ms-3 flex flex-col gap-5">
        <h3 class="text-xl mt-5">Chiffre d'affaires</h3>
        <div class="font-bold text-lg">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 110 [26.22693]

B:BD[26.26233] → [26.26233:26322]

        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">

[26.26233]

[26.26322]

        <div class="flex flex-wrap">
            <div class="flex flex-col my-4">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 150 [26.22693]

B:BD[26.28119] → [26.28119:28207]

        <h5 class="my-3">Charges d'exploitation</h5>
        <div class="fw-bold fs-4">

[26.28119]

[26.28207]

        <h3 class="text-xl mt-10">Charges d'exploitation</h3>
        <div class="font-bold text-lg">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 156 [26.22693]

B:BD[26.28329] → [26.28329:28418]

        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">

[26.28329]

[26.28418]

        <div class="flex flex-wrap">
            <div class="flex flex-col my-4">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 166 [26.22693]
∅:D[34.1694] → [26.28992:29046]
B:BD[26.28992] → [26.28992:29046]
```
                <div class="d-flex flex-column my-4">
```
[34.1694]
[26.29046]
```
                <div class="flex flex-col my-4">
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 187 [26.22693]

B:BD[26.29759] → [26.29759:29854]

        <h5 class="my-3">Excédent brut d'exploitation</h5>
        <div class="fw-bold fs-4">

[26.29759]

[34.1695]

        <h3 class="text-xl mt-10">Excédent brut d'exploitation</h3>
        <div class="font-bold text-lg">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 192 [26.22693]

B:BD[26.29972] → [26.29972:30061]

        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">

[26.29972]

[26.30061]

        <div class="flex flex-wrap">
            <div class="flex flex-col my-4">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 207 [26.22693]
∅:D[34.1969] → [26.30787:30841]
B:BD[26.30787] → [26.30787:30841]
```
                <div class="d-flex flex-column my-4">
```
[34.1969]
[26.30841]
```
                <div class="flex flex-col my-4">
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 230 [26.22693]

B:BD[26.31661] → [26.31661:31740]

        <h5 class="my-3">Résultat net</h5>
        <div class="fw-bold fs-4">

[26.31661]

[26.31740]

        <h3 class="text-xl mt-10">Résultat net</h3>
        <div class="text-bold text-lg">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 236 [26.22693]

B:BD[26.31866] → [26.31866:31955]

        <div class="d-flex flex-wrap">
            <div class="d-flex flex-column my-4">

[26.31866]

[26.31955]

        <div class="flex flex-wrap">
            <div class="flex flex-col my-4">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 240 [26.22693]

B:BD[34.2075] → [34.2075:2105]

∅:D[34.2105] → [26.32072:32404]

B:BD[26.32072] → [26.32072:32404]

B:BD[26.32404] → [34.2106:2260]

                    Onduleurs
                    <button
                        type="button"
                        class="btn btn-sm btn-link align-baseline p-0 ms-2"
                        data-bs-toggle="popover"
                        data-bs-trigger="hover focus"
                        data-bs-content="Provision pour le remplacement des onduleurs"
                        aria-label="Provision pour le remplacement des onduleurs"
                        ><i class="bi bi-question-circle"></i></button>

[34.2075]

[26.32575]

                    Onduleurs&nbsp;<Question
                        datatip="Provision pour le remplacement des onduleurs" />

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 246 [26.22693]

B:BD[26.32761] → [26.32761:32805]

B:BD[26.32805] → [34.2406:3064]

                    Intérêts DSRA <button
                        type="button"
                        class="btn btn-sm btn-link align-baseline p-0 ms-2"
                        data-bs-toggle="popover"
                        data-bs-trigger="hover focus"
                        data-bs-content="Dans un emprunt, compte bancaire qui permettra de payer le service de la dette si jamais l'entité emprunteuse n'est plus en mesure de le faire."
                        aria-label="Dans un emprunt, compte bancaire qui permettra de payer le service de la dette si jamais l'entité emprunteuse n'est plus en mesure de le faire."
                        ><i class="bi bi-question-circle"></i></button>

[26.32646]

[26.33359]

                    Intérêts DSRA&nbsp;<Question
                        datatip="Dans un emprunt, compte bancaire qui permettra de payer le service de la dette si jamais l'entité emprunteuse n'est plus en mesure de le faire." />

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 254 [26.22693]
∅:D[34.3330] → [26.33780:33834]
B:BD[26.33780] → [26.33780:33834]
```
                <div class="d-flex flex-column my-4">
```
[34.3330]
[26.33834]
```
                <div class="flex flex-col my-4">
```

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 281 [26.22693]

B:BD[26.34860] → [26.34860:35014]

            <h5 class="my-3">Couverture de la dette</h5>
            <div class="d-flex flex-wrap">
                <div class="d-flex flex-column my-3">

[26.34860]

[26.35014]

            <h3 class="text-xl my-3">Couverture de la dette</h3>
            <div class="flex flex-wrap">
                <div class="flex flex-col my-3">

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 288 [26.22693]
∅:D[34.3383] → [26.35216:35274]
B:BD[26.35216] → [26.35216:35274]
```
                    <div class="d-flex flex-column my-3">
```
[34.3383]
[26.35274]
```
                    <div class="flex flex-col my-3">
```
Insertion in src/routes/grain/projet/[id]/finances/+page.svelte at line 314 [26.22693]
[30.64]
[26.35778]
```
        display: flex;
```

Insertion in src/routes/grain/projet/[id]/description/Description.svelte at line 12 [35.31597]

[38.3293]

[35.31969]

    import Question from '../../../../Question.svelte'
    import XCircle from '../../../../XCircle.svelte'

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 514 [35.31597]

B:BD[35.45358] → [35.45358:45546]

<div
    class="tab-pane fade active show p-3"
    id="description-tab-pane"
    role="tabpanel"
    aria-labelledby="description-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">

[35.45358]

[35.45546]

<div class="p-10" style="min-height: calc(100vh - 180px);">
    <h1 class="my-8 text-4xl font-bold">

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 517 [35.31597]
B:BD[35.45615] → [35.45615:45625]
```
    </h3>
```
[35.45615]
[35.45625]
```
    </h1>
```

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 525 [35.31597]

B:BD[35.45869] → [35.45869:46110]

            <div class="input-group">
                <input type="text" class="form-control" bind:value={endroit} />
                <button
                    class="btn btn-sm btn-outline-primary"
                    onclick={geocoding}

[35.45869]

[35.46110]

            <div class="flex gap-2 items-center">
                <input type="text" class="input" bind:value={endroit} />
                <button class="btn btn-outline btn-primary" onclick={geocoding}

Deletion in src/routes/grain/projet/[id]/description/Description.svelte at line 529 [35.31597]

B:BD[35.46141] → [35.46141:46386]

                    {#if geoc}
                        <div
                            class="spinner-border"
                            style="margin-left:0.2em; width:1em;height:1em">
                        </div>
                    {/if}

Insertion in src/routes/grain/projet/[id]/description/Description.svelte at line 530 [35.31597]

[35.46412]

                {#if geoc}
                    <div class="ms-3 loading"></div>
                {/if}

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 536 [35.31597]

B:BD[35.46458] → [35.46458:46534]

    <div bind:this={mapContainer} class="w-100" style="height:500px"></div>

[35.46458]

[35.46534]

    <div bind:this={mapContainer} class="w-full" style="height:500px"></div>

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 538 [35.31597]
B:BD[35.46535] → [35.46535:46572]
```
    <div class="d-flex flex-column">
```
[35.46535]
[35.46572]
```
    <div class="flex flex-col">
```

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 540 [35.31597]

B:BD[35.46588] → [35.46588:46654]

            class="btn btn-sm btn-outline-secondary my-2 ms-auto"

[35.46588]

[44.0]

            class="btn btn-sm btn-outline btn-secondary my-2 ms-auto"

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 543 [35.31597]

B:BD[35.46733] → [35.46733:46799]

            class="btn btn-sm btn-outline-secondary my-2 ms-auto"

[35.46733]

[35.46799]

            class="btn btn-sm btn-outline btn-secondary my-2 ms-auto"

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 571 [35.31597]

B:BD[35.47548] → [35.47548:47609]

                                        class="form-control"

[35.47548]

[35.47609]

                                        class="input"

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 577 [35.31597]

B:BD[35.47849] → [35.47849:47910]

                                        class="form-control"

[35.47849]

[35.47910]

                                        class="input"

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 583 [35.31597]

B:BD[35.48148] → [35.48148:48209]

                                        class="form-control"

[35.48148]

[35.48209]

                                        class="input"

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 588 [35.31597]

B:BD[35.48398] → [35.48398:48477]

                                        class="btn btn-sm btn-outline-primary"

[35.48398]

[35.48477]

                                        class="btn btn-sm btn-outline btn-primary"

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 591 [35.31597]

B:BD[35.48630] → [35.48630:48708]

                                        ><i class="bi bi-trash"></i></button>

[35.48630]

[35.48708]

                                        ><XCircle /></button>

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 600 [35.31597]

B:BD[35.48900] → [35.48900:49999]

        <div class="p-3 overflow-auto">
            <label for="derog" class="form-label">
                Extension de périmètre (habitat rural et/ou dispersé)
            </label>&nbsp;<button
                type="button"
                class="btn btn-link align-baseline p-0"
                id="ext-popover"
                data-bs-toggle="popover"
                data-bs-trigger="hover focus"
                data-bs-content="Par dérogation, le rayon de la communauté peut être étendu à 5km ou 10km."
                aria-label="Par dérogation, le rayon de la communauté peut être étendu à 5km ou 10km.">
                <i class="bi bi-question-circle"></i>
            </button>
            <select
                id="derog"
                class="form-select form-select-sm w-auto d-inline"
                name="derog"
                bind:value={derogation}
                onchange={changeDerogation}>
                <option value="non">Non</option>
                <option value="10">10km</option>
                <option value="20">20km</option>
            </select>

[35.48900]

[35.49999]

        <div class="p-3 flex flex-col">
            <div class="flex">
                <label for="derog" class="form-label">
                    Extension de périmètre (habitat rural et/ou dispersé)
                </label>&nbsp;<Question
                    datatip="Par dérogation, le rayon de la communauté peut être étendu à 5km ou 10km." />&nbsp;
                <select
                    id="derog"
                    class="select select-sm w-auto inline ms-5"
                    name="derog"
                    bind:value={derogation}
                    onchange={changeDerogation}>
                    <option value="non">Non</option>
                    <option value="10">10km</option>
                    <option value="20">20km</option>
                </select>
            </div>

Replacement in src/routes/grain/projet/[id]/description/Description.svelte at line 618 [35.31597]

B:BD[35.50045] → [35.50045:50104]

                <h4 class="mt-5">Communes concernées</h4>

[35.50045]

[35.50104]

                <h2 class="text-2xl mt-5">Communes concernées</h2>

Replacement in src/routes/grain/projet/[id]/banque/+page.svelte at line 10 [26.77976]

∅:D[34.36872] → [26.78185:78363]

B:BD[26.78185] → [26.78185:78363]

<div
    class="tab-pane fade active show p-3"
    id="banque-tab-pane"
    role="tabpanel"
    aria-labelledby="banque-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">

[34.36872]

[34.36873]

<div class="p-10" style="min-height: calc(100vh - 180px);">
    <h1 class="my-8 text-4xl font-bold">

Replacement in src/routes/grain/projet/[id]/banque/+page.svelte at line 13 [26.77976]
∅:D[34.36950] → [26.78448:78499]
B:BD[26.78448] → [26.78448:78499]
```
    </h3>
    <div class="form-check form-switch">
```
[34.36950]
[26.78499]
```
    </h1>
    <div class="flex gap-1">
```
Replacement in src/routes/grain/projet/[id]/banque/+page.svelte at line 16 [26.77976]
B:BD[26.78514] → [26.78514:78551]
```
            class="form-check-input"
```
[26.78514]
[26.78551]
```
            class="checkbox checkbox-sm checkbox-primary"
```

Replacement in src/routes/grain/projet/[id]/banque/+page.svelte at line 27 [26.77976]

B:BD[26.78806] → [26.78806:78885]

            <table class="table table-striped border-0 d-inline-block banque">

[26.78806]

[26.78885]

            <table class="table table-zebra inline-block banque w-auto">

Replacement in src/routes/grain/projet/[id]/banque/+page.svelte at line 53 [26.77976]

B:BD[26.79701] → [26.79701:79773]

            <table class="table table-striped border-0 d-inline-block">

[26.79701]

[26.79773]

            <table class="table table-zebra inline-block w-auto">

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 222 [2.804604]

∅:D[34.41250] → [26.83573:83843]

B:BD[26.83573] → [26.83573:83843]

B:BD[26.83843] → [34.41251:41330]

∅:D[34.41330] → [26.83934:84392]

B:BD[26.83934] → [26.83934:84392]

∅:D[17.10045] → [7.5005:5032]

∅:D[18.72947] → [7.5005:5032]

∅:D[26.84392] → [7.5005:5032]

B:BD[7.5005] → [7.5005:5032]

B:BD[7.5032] → [26.84393:84558]

∅:D[18.73862] → [7.5713:5744]

∅:D[26.84558] → [7.5713:5744]

B:BD[7.5713] → [7.5713:5744]

B:BD[7.5744] → [26.84559:84617]

∅:D[26.84617] → [7.5744:5771]

B:BD[7.5744] → [7.5744:5771]

B:BD[7.5771] → [26.84618:84782]

∅:D[18.74760] → [7.6373:6404]

∅:D[26.84782] → [7.6373:6404]

B:BD[7.6373] → [7.6373:6404]

B:BD[7.6404] → [26.84783:84832]

∅:D[18.75683] → [7.6948:6975]

∅:D[26.84832] → [7.6948:6975]

B:BD[7.6948] → [7.6948:6975]

<div class="tab-content" id="syntheseTabContent">
    <div
        class="tab-pane fade show active p-3"
        id="synthese-tab-pane"
        role="tabpanel"
        aria-labelledby="synthese-tab"
        tabindex="0">
        <h3 class="my-3 text-body fs-1 fw-bold">
            En un regard, <span class="text-primary">tout</span> votre projet.
        </h3>
        <div class="my-5 py-2 total">
            <h5>Synthèse durée totale {$N} ans</h5>
            <div class="row px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, $N))}
                        </div>
                        <div>Chiffre d'affaire</div>
                    </div>
                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {format(sum_($charges, $N))}
                        </div>
                        <div>Charges d'exploitation</div>
                    </div>
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($resultatNet, $N))}
                        </div>
                        <div>Résultat net</div>
                    </div>

[34.41250]

[26.84833]

<div class="p-10">
    <h1 class="my-8 text-4xl font-bold">
        En un regard, <span class="text-primary">tout</span> votre projet.
    </h1>
    <div class="my-5 py-2 total flex flex-col gap-20">
        <h2 class="text-2xl my-4">Synthèse durée totale {$N} ans</h2>
        <div class="flex justify-around gap-10 px-10">
            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {format(sum_($chiffreAffaires, $N))}
                </div>
                <div>Chiffre d'affaire</div>
            </div>
            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {format(sum_($charges, $N))}
                </div>
                <div>Charges d'exploitation</div>
            </div>
            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {format(sum_($resultatNet, $N))}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 245 [2.804604]
[26.84856]
[26.84856]
```
                <div>Résultat net</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 247 [2.804604]
[26.84875]
[7.8174]
```
        </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 249 [2.804604]

B:BD[7.8175] → [26.84876:85227]

∅:D[18.77873] → [7.8498:8525]

∅:D[26.85227] → [7.8498:8525]

B:BD[7.8498] → [7.8498:8525]

B:BD[7.8525] → [26.85228:85498]

∅:D[18.78303] → [7.8795:8822]

∅:D[26.85498] → [7.8795:8822]

B:BD[7.8795] → [7.8795:8822]

B:BD[7.8822] → [26.85499:85557]

B:BD[26.85557] → [34.41331:41391]

∅:D[34.41391] → [26.85619:85676]

B:BD[26.85619] → [26.85619:85676]

∅:D[7.9098] → [2.814711:814738]

∅:D[18.78711] → [2.814711:814738]

∅:D[26.85676] → [2.814711:814738]

∅:D[3.362070] → [2.814711:814738]

B:BD[2.814711] → [2.814711:814738]

            <div class="row px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format($investissement)}
                        </div>
                        <div>Montant de l'investissement</div>
                    </div>
                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {rentabiliteTaux(sum_($resultatNet, $N))}
                        </div>
                        <div>Retour sur investissement</div>
                    </div>
                    <div class="flex-column text-center">
                        <div class="donnee">{roiDate}</div>
                        <div>Point de rentabilité</div>
                    </div>

[7.8175]

[4.37217]

        <div class="flex justify-around gap-10 px-10">
            <div class="flex-col text-center gap-2">
                <div class="donnee">
                    {format($investissement)}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 254 [2.804604]

[4.37240]

[7.9575]

                <div>Montant de l'investissement</div>
            </div>
            <div class="flex-col text-center gap-2">
                <div class="donnee">
                    {rentabiliteTaux(sum_($resultatNet, $N))}
                </div>
                <div>Retour sur investissement</div>
            </div>
            <div class="flex-col text-center gap-2">
                <div class="donnee">{roiDate}</div>
                <div>Point de rentabilité</div>

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 266 [2.804604]
[7.9594]
[7.9609]
```
        </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 268 [2.804604]

B:BD[7.9610] → [26.85677:85995]

B:BD[26.85995] → [34.41392:41471]

B:BD[34.41471] → [38.7222:7281]

∅:D[38.7281] → [34.41522:41591]

B:BD[34.41522] → [34.41522:41591]

B:BD[34.41591] → [38.7282:7355]

∅:D[38.7355] → [34.41652:41688]

B:BD[34.41652] → [34.41652:41688]

∅:D[34.41688] → [26.86521:86779]

B:BD[26.86521] → [26.86521:86779]

B:BD[26.86779] → [38.7356:7402]

∅:D[38.7402] → [26.86848:87118]

B:BD[26.86848] → [26.86848:87118]

∅:D[7.14896] → [5.1330:1361]

∅:D[26.87118] → [5.1330:1361]

B:BD[5.1330] → [5.1330:1361]

B:BD[5.1361] → [26.87119:87195]

            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-around p-5">
                    <div
                        class="d-flex flex-column justify-content-between text-center me-3">
                        <div class="py-3 my-auto">
                            <svg
                                viewBox="{Math.floor(-$N * 0.05)} {Math.floor(
                                    -$tr.maxa - $tr.margin
                                )} {Math.ceil($N * 1.1)} {Math.ceil(
                                    $tr.maxa - $tr.mina + 2 * $tr.margin
                                )}"
                                xmlns="http://www.w3.org/2000/svg"
                                width="250px"
                                height="100px"
                                preserveAspectRatio="none">
                                <path
                                    d={$tr.c}
                                    fill="transparent"
                                    stroke-width="2"
                                    vector-effect="non-scaling-stroke"
                                    stroke="#b71515" />
                            </svg>
                        </div>
                        <div>Résultat net</div>
                    </div>

[7.9610]

[7.14897]

        <div class="flex justify-around gap-10 px-10">
            <div class="flex flex-col justify-around text-center gap-2">
                <div class="py-3 my-auto">
                    <svg
                        viewBox="{Math.floor(-$N * 0.05)} {Math.floor(
                            -$tr.maxa - $tr.margin
                        )} {Math.ceil($N * 1.1)} {Math.ceil(
                            $tr.maxa - $tr.mina + 2 * $tr.margin
                        )}"
                        xmlns="http://www.w3.org/2000/svg"
                        width="250px"
                        height="100px"
                        preserveAspectRatio="none">
                        <path
                            d={$tr.c}
                            fill="transparent"
                            stroke-width="2"
                            vector-effect="non-scaling-stroke"
                            stroke="#b71515" />
                    </svg>
                </div>
                <div>Résultat net</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 292 [2.804604]

B:BD[7.14898] → [26.87196:87314]

B:BD[26.87314] → [34.41689:41760]

∅:D[34.41760] → [26.87441:87542]

B:BD[26.87441] → [26.87441:87542]

B:BD[26.87542] → [34.41761:41860]

∅:D[27.8419] → [26.87607:87640]

∅:D[34.41860] → [26.87607:87640]

B:BD[26.87607] → [26.87607:87640]

B:BD[26.87640] → [34.41861:41935]

∅:D[34.41935] → [26.87762:88044]

B:BD[26.87762] → [26.87762:88044]

B:BD[26.88044] → [34.41936:42005]

∅:D[27.8550] → [26.88103:88145]

∅:D[34.42005] → [26.88103:88145]

B:BD[26.88103] → [26.88103:88145]

B:BD[26.88145] → [34.42006:42140]

∅:D[27.8641] → [26.88353:88684]

∅:D[34.42140] → [26.88353:88684]

B:BD[26.88353] → [26.88353:88684]

B:BD[26.88684] → [34.42141:42214]

∅:D[34.42214] → [26.88805:89446]

B:BD[26.88805] → [26.88805:89446]

∅:D[7.16087] → [5.1767:1798]

∅:D[26.89446] → [5.1767:1798]

B:BD[5.1767] → [5.1767:1798]

B:BD[5.1798] → [26.89447:89502]

                    <div
                        class="d-flex flex-column justify-content-between text-center ms-3">
                        <div style="width:250px" class="py-3 my-auto">
                            <div
                                class="spinner-border ms-3 loading"
                                class:d-none={!$pvgis.loading}>
                            </div>
                            <svg
                                class:d-none={$pvgis.loading || !maxProd}
                                viewBox="-10 0 270 {maxProd}"
                                preserveAspectRatio="none"
                                xmlns="http://www.w3.org/2000/svg"
                                width="250px"
                                height="100px">
                                {#each $soleil.weekly.y as p, i (i)}
                                    <path
                                        d="M {i * 5}, {maxProd} L {i *
                                            5}, {maxProd - p}"
                                        fill="transparent"
                                        stroke-width="2"
                                        stroke="#ffbf00" />
                                {/each}
                            </svg>
                            <svg
                                class="donnee"
                                class:d-none={$pvgis.loading || maxProd}
                                xmlns="http://www.w3.org/2000/svg"
                                width="32"
                                height="32"
                                fill="currentColor"
                                viewBox="0 0 16 16">
                                <path
                                    d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278" />
                            </svg>
                        </div>
                        <div>Production annuelle</div>

[7.14898]

[5.2051]

            <div class="flex flex-col justify-between text-center gap-2">
                <div
                    style="width:250px"
                    class="py-3 flex justify-center my-auto">
                    <div class="ms-3 loading" class:hidden={!$pvgis.loading}>

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 298 [2.804604]

[5.2078]

[26.89503]

                    <svg
                        class:hidden={$pvgis.loading || !maxProd}
                        viewBox="-10 0 270 {maxProd}"
                        preserveAspectRatio="none"
                        xmlns="http://www.w3.org/2000/svg"
                        width="250px"
                        height="100px">
                        {#each $soleil.weekly.y as p, i (i)}
                            <path
                                d="M {i * 5}, {maxProd} L {i * 5}, {maxProd -
                                    p}"
                                fill="transparent"
                                stroke-width="2"
                                stroke="#ffbf00" />
                        {/each}
                    </svg>
                    <svg
                        class="donnee"
                        class:hidden={$pvgis.loading || maxProd}
                        xmlns="http://www.w3.org/2000/svg"
                        width="32"
                        height="32"
                        fill="currentColor"
                        viewBox="0 0 16 16">
                        <path
                            d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278" />
                    </svg>

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 326 [2.804604]
[26.89526]
[26.89526]
```
                <div>Production annuelle</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 328 [2.804604]
[26.89545]
[7.16088]
```
        </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 330 [2.804604]

B:BD[7.16089] → [26.89546:89770]

B:BD[26.89770] → [34.42215:42295]

∅:D[34.42295] → [5.2845:2876]

∅:D[26.89914] → [5.2845:2876]

B:BD[5.2845] → [5.2845:2876]

B:BD[5.2876] → [26.89915:90109]

B:BD[26.90109] → [34.42296:42424]

∅:D[34.42424] → [26.90319:90497]

B:BD[26.90319] → [26.90319:90497]

∅:D[26.90497] → [5.3484:3515]

B:BD[5.3484] → [5.3484:3515]

B:BD[5.3515] → [26.90498:90556]

∅:D[26.90556] → [5.3515:3542]

B:BD[5.3515] → [5.3515:3542]

            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-around p-5">
                    <div class="me-3 flex-column text-center">
                        <div class="donnee">
                            {$N ? format(sum_($resultatNet, $N) / $N) : '0€'}
                        </div>
                        <div>Bénéfice annuel moyen</div>
                    </div>
                    <div class="ms-3 flex-column text-center">
                        <div class="donnee">
                            {#if coutElec - coutElecAuto > 0}
                                {format(coutElec - coutElecAuto)}
                                ({economieFoyerMois} mois)
                            {:else}
                                Aucune&nbsp;😢
                            {/if}
                        </div>
                        <div>Economies consommateur</div>
                    </div>

[7.16089]

[26.90557]

        <div class="flex justify-around p-5">
            <div class="me-3 flex flex-col text-center gap-2">
                <div class="donnee">
                    {$N ? format(sum_($resultatNet, $N) / $N) : '0€'}
                </div>
                <div>Bénéfice annuel moyen</div>
            </div>
            <div class="ms-3 flex flex-col text-center gap-2">
                <div class="donnee">
                    {#if coutElec - coutElecAuto > 0}
                        {format(coutElec - coutElecAuto)}
                        ({economieFoyerMois} mois)
                    {:else}
                        Aucune&nbsp;😢
                    {/if}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 346 [2.804604]
[26.90580]
[26.90580]
```
                <div>Economies consommateur</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 349 [2.804604]
[26.90614]
[7.17939]
```
    </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 351 [2.804604]

B:BD[7.17940] → [26.90615:90974]

∅:D[7.19093] → [5.3936:3967]

∅:D[26.90974] → [5.3936:3967]

B:BD[5.3936] → [5.3936:3967]

B:BD[5.3967] → [26.90975:91055]

        <div class="my-5 py-2 dix">
            <h5>Synthèse 10 ans</h5>
            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, 10))}
                        </div>
                        <div>Chiffre d'affaire</div>
                    </div>

[7.17940]

[7.19510]

    <div class="my-10 py-2 dix">
        <h2 class="text-2xl my-4">Synthèse 10 ans</h2>
        <div class="flex justify-around p-10">
            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {format(sum_($chiffreAffaires, 10))}
                </div>
                <div>Chiffre d'affaire</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 361 [2.804604]

B:BD[7.19511] → [26.91056:91221]

∅:D[7.19847] → [5.4198:4229]

∅:D[26.91221] → [5.4198:4229]

B:BD[5.4198] → [5.4198:4229]

B:BD[5.4229] → [26.91222:91269]

∅:D[26.91269] → [5.4486:4513]

B:BD[5.4486] → [5.4486:4513]

                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {format(sum_($charges, 10))}
                        </div>
                        <div>Coût total</div>
                    </div>

[7.19511]

[7.19848]

            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {format(sum_($charges, 10))}
                </div>
                <div>Coût total</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 368 [2.804604]

B:BD[7.19849] → [26.91270:91434]

∅:D[26.91434] → [5.5607:5638]

B:BD[5.5607] → [5.5607:5638]

B:BD[5.5638] → [26.91435:91484]

∅:D[26.91484] → [5.5638:5665]

B:BD[5.5638] → [5.5638:5665]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($resultatNet, 10))}
                        </div>
                        <div>Résultat net</div>
                    </div>

[7.19849]

[5.5665]

            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {format(sum_($resultatNet, 10))}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 372 [2.804604]
[5.5688]
[26.91485]
```
                <div>Résultat net</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 374 [2.804604]
[26.91504]
[7.21112]
```
        </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 376 [2.804604]

B:BD[7.21113] → [26.91505:91849]

∅:D[26.91849] → [7.22586:22613]

B:BD[5.6373] → [7.22586:22613]

            <div class="row flex-row-reverse px-4 dix">
                <div class="d-flex justify-content-around p-5">
                    <div
                        class="flex-column justify-content-between text-center">
                        <div class="donnee">{rembPret(10)}%</div>
                        <div>Prêt remboursé</div>
                    </div>

[7.21113]

[7.23696]

        <div class="flex justify-around p-5">
            <div class="flex flex-col text-center gap-2">
                <div class="donnee">{rembPret(10)}%</div>
                <div>Prêt remboursé</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 382 [2.804604]

B:BD[7.23697] → [26.91850:92071]

∅:D[26.92071] → [18.94544:94575]

B:BD[18.94544] → [18.94544:94575]

B:BD[18.94575] → [26.92072:92147]

                    <div
                        class="flex-column justify-content-between text-center">
                        <div class="donnee">
                            {rentabiliteTaux(sum_($resultatNet, 10))}
                        </div>
                        <div>Rentabilité</div>
                    </div>

[7.23697]

[26.92147]

            <div class="flex flex-col text-center gap-2">
                <div class="donnee">
                    {rentabiliteTaux(sum_($resultatNet, 10))}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 386 [2.804604]
[26.92170]
[26.92170]
```
                <div>Rentabilité</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 389 [2.804604]
[26.92204]
[7.24474]
```
    </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 391 [2.804604]

B:BD[7.24475] → [26.92205:92563]

∅:D[26.92563] → [18.96237:96268]

B:BD[18.96237] → [18.96237:96268]

B:BD[18.96268] → [26.92564:92644]

        <div class="my-5 py-2 cinq">
            <h5>Synthèse 5 ans</h5>
            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-between p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, 5))}
                        </div>
                        <div>Chiffre d'affaire</div>
                    </div>

[7.24475]

[7.24897]

    <div class="my-5 py-10 cinq">
        <h2 class="text-2xl my-4">Synthèse 5 ans</h2>
        <div class="flex justify-around p-5 gap-3">
            <div class="flex flex-col text-center">
                <div class="donnee">
                    {format(sum_($chiffreAffaires, 5))}
                </div>
                <div>Chiffre d'affaire</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 401 [2.804604]

B:BD[7.24898] → [26.92645:92809]

∅:D[26.92809] → [18.98293:98324]

B:BD[18.98293] → [18.98293:98324]

B:BD[18.98324] → [26.92810:92884]

                    <div class="mx-3 flex-column text-center">
                        <div class="donnee">
                            {format(sum_($charges, 5))}
                        </div>
                        <div>Coût total</div>
                    </div>

[7.24898]

[7.26664]

            <div class="flex flex-col text-center">
                <div class="donnee">
                    {format(sum_($charges, 5))}
                </div>
                <div>Coût total</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 408 [2.804604]

B:BD[7.26665] → [26.92885:93048]

∅:D[26.93048] → [9.14552:14583]

B:BD[9.14552] → [9.14552:14583]

B:BD[9.14583] → [26.93049:93098]

∅:D[9.15325] → [2.824770:824797]

∅:D[4.38813] → [2.824770:824797]

∅:D[26.93098] → [2.824770:824797]

B:BD[2.824770] → [2.824770:824797]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {format(sum_($resultatNet, 5))}
                        </div>
                        <div>Résultat net</div>
                    </div>

[7.26665]

[2.824797]

            <div class="flex flex-col text-center">
                <div class="donnee">
                    {format(sum_($resultatNet, 5))}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 412 [2.804604]
[2.824820]
[26.93099]
```
                <div>Résultat net</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 414 [2.804604]
[26.93118]
[24.3282]
```
        </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 416 [2.804604]

B:BD[24.3283] → [26.93119:93437]

            <div class="row flex-row-reverse px-4">
                <div class="d-flex justify-content-around p-5">
                    <div class="flex-column text-center">
                        <div class="donnee">{rembPret(5)}%</div>
                        <div>Prêt remboursé</div>
                    </div>

[24.3283]

[4.39175]

        <div class="flex justify-around p-5">
            <div class="flex flex-col text-center">
                <div class="donnee">{rembPret(5)}%</div>
                <div>Prêt remboursé</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 422 [2.804604]

B:BD[4.39176] → [26.93438:93610]

∅:D[25.8924] → [7.37491:37522]

∅:D[26.93610] → [7.37491:37522]

B:BD[6.6604] → [7.37491:37522]

B:BD[7.37522] → [26.93611:93659]

∅:D[7.37522] → [2.836644:836671]

∅:D[26.93659] → [2.836644:836671]

B:BD[2.836644] → [2.836644:836671]

                    <div class="flex-column text-center">
                        <div class="donnee">
                            {rentabiliteTaux(sum_($resultatNet, 5))}
                        </div>
                        <div>Rentabilité</div>
                    </div>

[4.39176]

[3.367722]

            <div class="flex-col text-center gap-2">
                <div class="donnee">
                    {rentabiliteTaux(sum_($resultatNet, 5))}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 426 [2.804604]
[3.367745]
[11.10825]
```
                <div>Rentabilité</div>
```
Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 429 [2.804604]
[2.837102]
[26.93660]
```
    </div>
```

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 431 [2.804604]

B:BD[26.93661] → [26.93661:94041]

∅:D[16.6112] → [11.11314:11345]

∅:D[26.94041] → [11.11314:11345]

∅:D[18.106290] → [11.11314:11345]

B:BD[11.11314] → [11.11314:11345]

B:BD[11.11345] → [26.94042:94122]

        <div class="my-5 py-2 moyenne">
            <h5>Synthèse année moyenne</h5>
            <div class="row flex-row flex-wrap px-4">
                <div class="d-flex justify-content-between py-5">
                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {format(sum_($resultatNet, $N) / $N)}
                        </div>
                        <div>Bénéfices moyen</div>
                    </div>

[26.93661]

[26.94122]

    <div class="my-5 py-10 moyenne">
        <h2 class="text-2xl my-4">Synthèse année moyenne</h2>
        <div class="flex justify-between flex-wrap py-5">
            <div class="flex flex-col text-center mx-3">
                <div class="donnee">
                    {format(sum_($resultatNet, $N) / $N)}
                </div>
                <div>Bénéfices moyen</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 441 [2.804604]

B:BD[26.94123] → [26.94123:94301]

∅:D[26.94301] → [11.11906:11937]

∅:D[18.107124] → [11.11906:11937]

B:BD[11.11906] → [11.11906:11937]

B:BD[11.11937] → [26.94302:94382]

                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {format(sum_($chiffreAffaires, $N) / $N)}
                        </div>
                        <div>Chiffre d'affaire</div>
                    </div>

[26.94123]

[26.94382]

            <div class="flex flex-col text-center mx-3">
                <div class="donnee">
                    {format(sum_($chiffreAffaires, $N) / $N)}
                </div>
                <div>Chiffre d'affaire</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 448 [2.804604]

B:BD[26.94383] → [26.94383:94653]

B:BD[26.94653] → [34.42425:42527]

∅:D[34.42527] → [26.94747:94793]

B:BD[26.94747] → [26.94747:94793]

B:BD[26.94793] → [34.42528:42560]

∅:D[34.42560] → [11.12176:12207]

∅:D[26.94829] → [11.12176:12207]

∅:D[18.107515] → [11.12176:12207]

B:BD[11.12176] → [11.12176:12207]

B:BD[11.12207] → [26.94830:94914]

                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {fmt2.format(
                                ($investissement
                                    ? (sum_($resultatNet, $N) * 100) /
                                          $investissement -
                                      100
                                    : 0) / $N
                            )}%
                        </div>
                        <div>Rentabilité annuelle</div>
                    </div>

[26.94383]

[26.94914]

            <div class="flex flex-col text-center mx-3">
                <div class="donnee">
                    {fmt2.format(
                        ($investissement
                            ? (sum_($resultatNet, $N) * 100) / $investissement -
                              100
                            : 0) / $N
                    )}%
                </div>
                <div>Rentabilité annuelle</div>
            </div>

Replacement in src/routes/grain/projet/[id]/Synthese.svelte at line 460 [2.804604]

B:BD[26.94915] → [26.94915:95023]

B:BD[26.95023] → [34.42561:42623]

∅:D[34.42623] → [26.95089:95135]

B:BD[26.95089] → [26.95089:95135]

B:BD[26.95135] → [34.42624:42741]

∅:D[34.42741] → [26.95338:95457]

B:BD[26.95338] → [26.95338:95457]

∅:D[26.95457] → [11.12424:12455]

∅:D[18.107739] → [11.12424:12455]

B:BD[11.12424] → [11.12424:12455]

B:BD[11.12455] → [26.95458:95544]

                    <div class="flex-column text-center mx-3">
                        <div class="donnee">
                            {#if coutElec - coutElecAuto > 0}
                                {fmt0.format(
                                    ((coutElec - coutElecAuto) * 100) / coutElec
                                )}%
                            {:else}
                                Aucune&nbsp;😢
                            {/if}
                        </div>
                        <div>Économies consommateur</div>
                    </div>

[26.94915]

[11.12483]

            <div class="flex flex-col text-center mx-3">
                <div class="donnee">
                    {#if coutElec - coutElecAuto > 0}
                        {fmt0.format(
                            ((coutElec - coutElecAuto) * 100) / coutElec
                        )}%
                    {:else}
                        Aucune&nbsp;😢
                    {/if}

Insertion in src/routes/grain/projet/[id]/Synthese.svelte at line 470 [2.804604]
[11.12506]
[7.40187]
```
                <div>Économies consommateur</div>
```
Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 3 [26.95670]
∅:D[38.8605] → [26.95823:95872]
B:BD[26.95823] → [26.95823:95872]
```
    import { setContext, onMount } from 'svelte'
```
[38.8605]
[26.95872]
```
    import { setContext } from 'svelte'
```

Insertion in src/routes/grain/projet/[id]/+layout.svelte at line 7 [26.95670]

[34.42979]

[36.462]

    import ExclamationTriangle from '../../../ExclamationTriangle.svelte'
    import Question from '../../../Question.svelte'

Deletion in src/routes/grain/projet/[id]/+layout.svelte at line 103 [26.95670]

B:BD[26.97202] → [26.97202:97228]

B:BD[26.97356] → [26.97356:97586]

B:BD[26.97586] → [34.44557:44596]

∅:D[34.44596] → [26.97625:97921]

B:BD[26.97625] → [26.97625:97921]

    onMount(async () => {
        if (!window.bootstrap) {
            console.log('no window bootstrap, load')
            window.bootstrap = await import('bootstrap')
        }
        menuElt = document.getElementById('menuoff')
        if (!menuElt) {
            console.log('no menu off')
            return
        }
        new window.bootstrap.Offcanvas(menuElt)
        const popoverTriggerList = document.querySelectorAll(
            '[data-bs-toggle="popover"]'
        )
        for (let t of popoverTriggerList) {
            new window.bootstrap.Popover(t)
        }
    })

Deletion in src/routes/grain/projet/[id]/+layout.svelte at line 183 [26.95670]

B:BD[26.99286] → [26.99286:99670]

B:BD[26.99670] → [34.44862:44920]

∅:D[34.44920] → [26.99723:99864]

B:BD[26.99723] → [26.99723:99864]


<div class="container-lg p-3 pb-5 overflow-auto">
    <div class="d-flex flex-lg-row flex-column">
        <nav class="navbar navbar-expand-lg start-0 w-lg-25">
            <button
                class="navbar-toggler"
                type="button"
                data-bs-toggle="offcanvas"
                data-bs-target="#menuoff"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="d-lg-none ms-3 me-auto">
                <h1>{data.nom}</h1>
            </div>
        </nav>

Insertion in src/routes/grain/projet/[id]/+layout.svelte at line 184 [26.95670]

[26.99865]

<div class="w-full">
    <div class="drawer lg:drawer-open flex-1">
        <input id="grain-menu" type="checkbox" class="drawer-toggle" />

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 188 [26.95670]

B:BD[26.99878] → [26.99878:100140]

B:BD[26.100140] → [34.44921:45140]

B:BD[34.45140] → [38.11395:11608]

∅:D[38.11608] → [26.100412:100908]

∅:D[34.45259] → [26.100412:100908]

B:BD[26.100412] → [26.100412:100908]

B:BD[26.100908] → [34.45260:45315]

∅:D[34.45315] → [26.100959:101175]

B:BD[26.100959] → [26.100959:101175]

B:BD[26.101175] → [34.45316:45376]

            class="offcanvas-lg offcanvas-start mb-auto offmenu"
            data-bs-scroll="true"
            tabindex="-1"
            id="menuoff">
            <div class="offcanvas-body off-padding-md">
                <div class="p-3 p-lg-0 overflow-auto">
                    <input
                        type="text"
                        class="form-control input-h1"
                        bind:value={data.nom}
                        placeholder="Nouveau projet" />
                    <form onsubmit={save}>
                        <button
                            class="my-2 btn btn-sm btn-primary"
                            disabled={!$needsSaving}>Sauvegarder</button>
                    </form>
                    {#if data.email}
                        <div class="my-3 form-check form-switch">
                            <input
                                class="form-check-input"
                                type="checkbox"
                                role="switch"
                                id="expertsw"
                                bind:checked={$expert} />
                            <label class="form-check-label" for="expertsw"
                                >Niveau expert</label>
                        </div>
                    {/if}
                    <h2 class="mt-5">Communauté</h2>
                    <div class="my-3">
                        <label class="form-label" for="puissance"
                            >Puissance totale (kWc)</label>

[26.99878]

[26.101231]

            class="drawer-side shadow-xl z-100 lg:z-0 overflow-y-auto drawer-side-">
            <label
                for="grain-menu"
                aria-label="close sidebar"
                class="drawer-overlay"></label>
            <div class="pt-10 px-5 bg-base-100">
                <div class="lg:hidden ms-3 me-auto">
                    <h1 class="text-4xl">{data.nom}</h1>
                </div>
                <input
                    type="text"
                    class="input input-lg"
                    bind:value={data.nom}
                    placeholder="Nouveau projet" />
                <form onsubmit={save}>
                    <button
                        class="my-2 btn btn-sm btn-primary"
                        disabled={!$needsSaving}>Sauvegarder</button>
                </form>
                {#if data.email}
                    <div class="flex gap-2 my-5">

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 211 [26.95670]

B:BD[26.101262] → [26.101262:101534]

B:BD[26.101534] → [34.45377:45945]

                            class="form-control form-control-sm"
                            type="number"
                            id="puissance"
                            min="1"
                            max="3000"
                            value={$puissance}
                            onchange={onPuissanceChange} />
                        {#if data.simulation.puissance > 3000}<span
                                class="text-warning">
                                <i class="bi bi-exclamation-circle-fill me-2"
                                ></i
                                >&nbsp;Une communauté d'autoconsommation ne peut
                                dépasser plus de 3MWc. Les résultats obtenus
                                seront donc purement hypothétiques.</span
                            >{/if}

[26.101262]

[26.102074]

                            class="checkbox"
                            type="checkbox"
                            role="switch"
                            id="expertsw"
                            bind:checked={$expert} />
                        <label class="label ms" for="expertsw"
                            >Niveau expert</label>

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 219 [26.95670]

B:BD[26.102101] → [26.102101:102204]

B:BD[26.102204] → [34.45946:46705]

                    <div class="my-3">
                        <label class="form-label" for="surface"
                            >Surface totale (m²)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Estimation de la surface de modules photovoltaïques en fonction de la puissance et du ratio (configurable en mode expert)."
                                aria-label="Estimation de la surface de modules photovoltaïques en fonction de la puissance et du ratio (configurable en mode expert)."
                                ><i class="bi bi-question-circle"></i></button
                            ></label>

[26.102101]

[26.102851]

                {/if}
                <h2 class="mt-5">Communauté</h2>
                <div class="my-3 flex flex-col gap-1">
                    <label class="label" for="puissance"
                        >Puissance totale (kWc)</label>
                    <input
                        class="input input-sm"
                        type="number"
                        id="puissance"
                        min="1"
                        max="3000"
                        value={$puissance}
                        onchange={onPuissanceChange} />
                    {#if data.simulation.puissance > 3000}<div
                            class="text-warning my-5 max-w-82">
                            <ExclamationTriangle />&nbsp;Une communauté
                            d'autoconsommation ne peut dépasser plus de 3MWc.
                            Les résultats obtenus seront donc purement
                            hypothétiques.
                        </div>{/if}
                </div>
                <div class="my-3 flex flex-col gap-1">
                    <label class="label" for="surface"
                        >Surface totale (m²)<Question
                            datatip="Estimation de la surface de modules photovoltaïques en fonction de la puissance et du ratio (configurable en mode expert)." />
                    </label>
                    <input
                        class="input input-sm"
                        type="number"
                        id="surface"
                        min="1"
                        value={surface}
                        onchange={onSurfaceChange} />
                </div>
                <div class="mb-3 flex flex-col">
                    <label class="label" for="autoconso"
                        >Taux d'autoconsommation (%)<Question
                            datatip="Pourcentage de la production consommée localement, à valider plus finement dans l'onglet Simulation. C'est la valeur que l'application Coturnix optimise." />
                    </label>
                    <div>

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 260 [26.95670]

B:BD[26.102882] → [26.102882:103110]

B:BD[26.103110] → [34.46706:46764]

                            class="form-control form-control-sm"
                            type="number"
                            id="surface"
                            min="1"
                            value={surface}
                            onchange={onSurfaceChange} />

[26.102882]

[26.103169]

                            class="range range-sm me-4 my-3 max-w-64"
                            type="range"
                            id="autoconso"
                            bind:value={$autoconso} />{$autoconso}%

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 265 [26.95670]

B:BD[26.103196] → [26.103196:103301]

B:BD[26.103301] → [34.46765:47558]

∅:D[34.47558] → [26.104027:104522]

B:BD[26.104027] → [26.104027:104522]

B:BD[26.104522] → [34.47559:48291]

∅:D[34.48291] → [26.105281:105736]

B:BD[26.105281] → [26.105281:105736]

B:BD[26.105736] → [34.48292:49055]

                    <div class="mb-3">
                        <label class="form-label" for="autoconso"
                            >Taux d'autoconsommation (%)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Pourcentage de la production consommée localement, à valider plus finement dans l'onglet Simulation. C'est la valeur que l'application Coturnix optimise."
                                aria-label="Pourcentage de la production consommée localement, à valider plus finement dans l'onglet Simulation. C'est la valeur que l'application Coturnix optimise."
                                ><i class="bi bi-question-circle"></i></button>
                        </label>
                        <div class="d-flex">
                            <input
                                class="form-range me-4"
                                type="range"
                                id="autoconso"
                                bind:value={$autoconso} />{$autoconso}%
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="autoprod"
                            >Taux d'autoproduction (%)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Pourcentage des consommations venant de sources locales, à valider plus finement dans l'onglet Simulation."
                                aria-label="Pourcentage des consommations venant de sources locales, à valider plus finement dans l'onglet Simulation."
                                ><i class="bi bi-question-circle"></i></button
                            ></label>
                        <div class="d-flex">
                            <input
                                class="form-range me-4"
                                type="range"
                                id="autoprod"
                                bind:value={$autoprod} />{$autoprod}%
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="prix"
                            >Prix d'achat fournisseur (€/kWh)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Prix d'achat moyen des consommateurs de la communauté à leur fournisseur d'électricité habituel (par exemple EDF)."
                                aria-label="Prix d'achat moyen des consommateurs de la communauté à leur fournisseur d'électricité habituel (par exemple EDF)."
                                ><i class="bi bi-question-circle"></i></button
                            ></label>

[26.103196]

[26.106564]

                </div>
                <div class="mb-3 flex flex-col gap-1">
                    <label class="label" for="autoprod"
                        >Taux d'autoproduction (%) <Question
                            datatip="Pourcentage des consommations venant de sources locales, à valider plus finement dans l'onglet Simulation." />
                    </label>
                    <div class="d-flex">

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 273 [26.95670]

B:BD[26.106595] → [26.106595:106870]

                            class="form-control form-control-sm"
                            type="number"
                            step="0.01"
                            min="0"
                            id="coutElec"
                            bind:value={$cout} />

[26.106595]

[26.106870]

                            class="range range-sm me-4 my-3 max-w-64"
                            type="range"
                            id="autoprod"
                            bind:value={$autoprod} />{$autoprod}%

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 278 [26.95670]

B:BD[26.106897] → [26.106897:106997]

B:BD[26.106997] → [34.49056:50038]

∅:D[34.50038] → [26.107897:108331]

B:BD[26.107897] → [26.107897:108331]

B:BD[26.108331] → [34.50039:50098]

∅:D[34.50098] → [26.108386:108677]

B:BD[26.108386] → [26.108386:108677]

                    <div class="mb-3">
                        <label class="form-label" for="prix"
                            >Prix de vente local (€/kWh)<button
                                type="button"
                                class="btn btn-link align-baseline p-0 ms-2"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover focus"
                                data-bs-content="Hypothèse sur le prix de vente moyen. Dans Coturnix, les producteurs et les consommateurs choisissent leurs prix acceptables, et Coturnix calcule à chaque instant le prix qui maximise la valeur totale créée par la communauté."
                                aria-label="Hypothèse sur le prix de vente moyen. Dans Coturnix, les producteurs et les consommateurs choisissent leurs prix acceptables, et Coturnix calcule à chaque instant le prix qui maximise la valeur totale créée par la communauté."
                                ><i class="bi bi-question-circle"></i></button
                            ></label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.01"
                            min="0"
                            id="prix"
                            bind:value={$prix} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="echeances"
                            >Durée d'analyse (an)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="echeances"
                            min="0"
                            bind:value={$N} />
                    </div>

[26.106897]

[26.108677]

                </div>
                <div class="mb-3 flex flex-col gap-1">
                    <label class="label" for="prix"
                        >Prix d'achat fournisseur (€/kWh)<Question
                            datatip="Prix d'achat moyen des consommateurs de la communauté à leur fournisseur d'électricité habituel (par exemple EDF)." />
                    </label>
                    <input
                        class="input input-sm"
                        type="number"
                        step="0.01"
                        min="0"
                        id="coutElec"
                        bind:value={$cout} />
                </div>
                <div class="mb-3 flex flex-col gap-1">
                    <label class="label" for="prix"
                        >Prix de vente local (€/kWh)<Question
                            datatip="Hypothèse sur le prix de vente moyen. Dans Coturnix, les producteurs et les consommateurs choisissent leurs prix acceptables, et Coturnix calcule à chaque instant le prix qui maximise la valeur totale créée par la communauté." />
                    </label>
                    <input
                        class="input input-sm"
                        type="number"
                        step="0.01"
                        min="0"
                        id="prix"
                        bind:value={$prix} />
                </div>
                <div class="mb-3 flex flex-col gap-1">
                    <label class="label" for="echeances"
                        >Durée d'analyse (an)</label>
                    <input
                        class="input input-sm"
                        type="number"
                        id="echeances"
                        min="0"
                        bind:value={$N} />
                </div>

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 316 [26.95670]

B:BD[26.108678] → [26.108678:108834]

B:BD[26.108834] → [34.50099:50157]

∅:D[34.50157] → [26.108888:109324]

B:BD[26.108888] → [26.108888:109324]

B:BD[26.109324] → [34.50158:50215]

∅:D[34.50215] → [26.109377:109669]

B:BD[26.109377] → [26.109377:109669]

B:BD[26.109669] → [34.50216:50319]

∅:D[34.50319] → [26.109774:109959]

B:BD[26.109774] → [26.109774:109959]

B:BD[26.109959] → [34.50320:50388]

∅:D[34.50388] → [26.110023:110416]

B:BD[26.110023] → [26.110023:110416]

B:BD[26.110416] → [34.50389:50514]

∅:D[34.50514] → [26.110508:110566]

B:BD[26.110508] → [26.110508:110566]

                    <h2 class="mt-5">Financement</h2>
                    <div class="my-3">
                        <label class="form-label" for="apport"
                            >Apport initial (€)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="apport"
                            min="0"
                            step="1000"
                            bind:value={$apport} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="interet"
                            >Taux d'intérêt(%)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            step="0.1"
                            id="interet"
                            min="0"
                            max="100"
                            onchange={onTauxChange}
                            onkeyup={onTauxChange}
                            bind:value={$interet} />
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="echeances"
                            >Nombre d'échéances (en mois)</label>
                        <input
                            class="form-control form-control-sm"
                            type="number"
                            id="echeances"
                            min="0"
                            bind:value={$echeances} />
                    </div>
                    {#if data.id}
                        <form method="POST" action="?/del">
                            <button class="my-2 btn btn-outline-primary"
                                >Supprimer</button>
                        </form>
                    {/if}

[26.108678]

[26.110566]

                <h2 class="mt-5 text-2xl">Financement</h2>
                <div class="my-3 flex flex-col gap-1">
                    <label class="label" for="apport">Apport initial (€)</label>
                    <input
                        class="input input-sm"
                        type="number"
                        id="apport"
                        min="0"
                        step="1000"
                        bind:value={$apport} />
                </div>
                <div class="mb-3 flex flex-col gap-1">
                    <label class="label" for="interet">Taux d'intérêt(%)</label>
                    <input
                        class="input input-sm"
                        type="number"
                        step="0.1"
                        id="interet"
                        min="0"
                        max="100"
                        onchange={onTauxChange}
                        onkeyup={onTauxChange}
                        bind:value={$interet} />

Insertion in src/routes/grain/projet/[id]/+layout.svelte at line 340 [26.95670]

[26.110589]

                <div class="mb-3 flex flex-col gap-1">
                    <label class="label" for="echeances"
                        >Nombre d'échéances (en mois)</label>
                    <input
                        class="input input-sm"
                        type="number"
                        id="echeances"
                        min="0"
                        bind:value={$echeances} />
                </div>
                {#if data.id}
                    <form method="POST" action="?/del">
                        <button class="my-2 btn btn-outline btn-primary"
                            >Supprimer</button>
                    </form>
                {/if}

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 359 [26.95670]

B:BD[26.110624] → [26.110624:110830]

B:BD[26.110830] → [38.11609:11827]

∅:D[38.11827] → [26.110947:111283]

∅:D[34.50657] → [26.110947:111283]

B:BD[26.110947] → [26.110947:111283]

B:BD[26.111283] → [38.11828:12053]

∅:D[38.12053] → [26.111407:111669]

∅:D[34.50807] → [26.111407:111669]

B:BD[26.111407] → [26.111407:111669]

        <div class="ps-lg-5 w-100 ms-0 z0 main">
            <ul class="mt-5 mt-lg-3 nav nav-tabs" id="tabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a
                        href={resolve('/grain/projet/[id]', {
                            id: data.id || 'nouveau',
                        })}
                        class="nav-link {syntheseActive ? 'active' : ''}"
                        id="synthese-tab"
                        type="button"
                        role="tab"
                        aria-controls="synthese-tab-pane"
                        aria-selected="true">Synthèse</a>
                </li>
                <li class="nav-item" role="presentation">
                    <a
                        href={resolve('/grain/projet/[id]/finances', {
                            id: data.id || 'nouveau',
                        })}
                        class="nav-link {compteActive ? 'active' : ''}"
                        id="profile-tab"
                        type="button"
                        role="tab"
                        aria-controls="compte-tab-pane"
                        aria-selected="false">Détails financiers</a>
                </li>

[26.110624]

[26.111669]

        <div
            class="drawer-content flex flex-col p-5 overflow-y-auto drawer-side-">
            <div class="flex">
                <label for="grain-menu" class="btn drawer-button lg:hidden">
                    <div
                        tabindex="0"
                        role="button"
                        class="btn btn-ghost btn-circle">
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            class="h-5 w-5"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke="currentColor">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-width="2"
                                d="M4 6h16M4 12h16M4 18h7" />
                        </svg>
                    </div>
                </label>
                <div>
                    <div role="tablist" class="tabs tabs-border">
                        <a
                            href={resolve('/grain/projet/[id]', {
                                id: data.id || 'nouveau',
                            })}
                            class="tab"
                            class:tab-active={syntheseActive}
                            id="synthese-tab"
                            type="button"
                            role="tab">Synthèse</a>
                        <a
                            href={resolve('/grain/projet/[id]/finances', {
                                id: data.id || 'nouveau',
                            })}
                            class="tab"
                            class:tab-active={compteActive}
                            id="profile-tab"
                            type="button"
                            role="tab">Détails financiers</a>
                        <a
                            href={resolve('/grain/projet/[id]/description', {
                                id: data.id || 'nouveau',
                            })}
                            class="tab"
                            class:tab-active={descriptionActive}
                            id="profile-tab"
                            type="button"
                            role="tab">Description</a>

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 411 [26.95670]

B:BD[26.111670] → [26.111670:111751]

B:BD[26.111751] → [38.12054:12182]

∅:D[38.12182] → [34.50917:50945]

B:BD[34.50917] → [34.50917:50945]

B:BD[34.50945] → [38.12183:12260]

∅:D[38.12260] → [26.111883:112142]

∅:D[34.51018] → [26.111883:112142]

B:BD[26.111883] → [26.111883:112142]

                <li class="nav-item" role="presentation">
                    <a
                        href={resolve('/grain/projet/[id]/description', {
                            id: data.id || 'nouveau',
                        })}
                        class="nav-link {descriptionActive ? 'active' : ''}"
                        id="profile-tab"
                        type="button"
                        role="tab"
                        aria-controls="description-tab-pane"
                        aria-selected="false">Description</a>
                </li>

[26.111670]

[26.112142]

                        <a
                            href={resolve('/grain/projet/[id]/banque', {
                                id: data.id || 'nouveau',
                            })}
                            class="tab"
                            class:tab-active={banqueActive}
                            id="banque-tab"
                            type="button"
                            role="tab">Emprunt</a>

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 421 [26.95670]

B:BD[26.112143] → [26.112143:112224]

B:BD[26.112224] → [38.12261:12484]

∅:D[38.12484] → [26.112346:112595]

∅:D[34.51166] → [26.112346:112595]

B:BD[26.112346] → [26.112346:112595]

                <li class="nav-item" role="presentation">
                    <a
                        href={resolve('/grain/projet/[id]/banque', {
                            id: data.id || 'nouveau',
                        })}
                        class="nav-link {banqueActive ? 'active' : ''}"
                        id="banque-tab"
                        type="button"
                        role="tab"
                        aria-controls="banque-tab-pane"
                        aria-selected="false">Emprunt</a>
                </li>

[26.112143]

[26.112595]

                        {#if $expert}
                            <a
                                href={resolve('/grain/projet/[id]/expert', {
                                    id: data.id || 'nouveau',
                                })}
                                class="tab"
                                class:tab-active={expertActive}
                                id="expert-tab"
                                type="button"
                                role="tab">Mode expert</a>
                        {/if}

Deletion in src/routes/grain/projet/[id]/+layout.svelte at line 433 [26.95670]

B:BD[26.112596] → [26.112596:112688]

                {#if $expert}
                    <li class="nav-item" role="presentation">

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 434 [26.95670]

B:BD[26.112715] → [38.12485:12558]

                            href={resolve('/grain/projet/[id]/expert', {

[26.112715]

[38.12558]

                            href={resolve('/grain/projet/[id]/simulation', {

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 437 [26.95670]

B:BD[34.51311] → [38.12617:12693]

∅:D[38.12693] → [26.112845:112889]

∅:D[34.51383] → [26.112845:112889]

B:BD[26.112845] → [26.112845:112889]

                            class="nav-link {expertActive ? 'active' : ''}"
                            id="expert-tab"

[34.51311]

[26.112889]

                            class="tab"
                            class:tab-active={simuActive}
                            id="prm-tab"

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 441 [26.95670]

B:BD[26.112931] → [26.112931:113145]

B:BD[26.113145] → [28.169:250]

B:BD[28.250] → [38.12694:12821]

∅:D[38.12821] → [34.51492:51520]

B:BD[34.51492] → [34.51492:51520]

B:BD[34.51520] → [38.12822:12892]

∅:D[38.12892] → [28.374:620]

∅:D[34.51586] → [28.374:620]

B:BD[28.374] → [28.374:620]

∅:D[28.620] → [26.113700:113718]

B:BD[26.113700] → [26.113700:113718]

                            role="tab"
                            aria-controls="expert-tab-pane"
                            aria-selected="false">Mode expert</a>
                    </li>
                {/if}
                <li class="nav-item" role="presentation">
                    <a
                        href={resolve('/grain/projet/[id]/simulation', {
                            id: data.id || 'nouveau',
                        })}
                        class="nav-link {simuActive ? 'active' : ''}"
                        id="prm-tab"
                        type="button"
                        role="tab"
                        aria-controls="prm-tab-pane"
                        aria-selected="false">Simulation</a>
                </li>
            </ul>

[26.112931]

[36.801]

                            role="tab">Simulation</a>
                    </div>
                </div>
            </div>

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 450 [26.95670]

∅:D[34.51622] → [26.113771:113905]

B:BD[26.113771] → [26.113771:113905]

<style lang="scss">
    @media (prefers-color-scheme: light) {
        nav {
            background-color: #fff !important;
        }

[34.51622]

[26.113905]

<style>
    .drawer-side- {
        height: 100vh;

Replacement in src/routes/grain/projet/[id]/+layout.svelte at line 454 [26.95670]

B:BD[26.113911] → [26.113911:114320]


    @media (min-width: 992px) {
        .offmenu {
            position: fixed;
            top: 80px;
            height: calc(100% - 120px);
            padding-bottom: 20px;
            overflow: scroll;
            padding-right: 20px;
            width: 25%;
            max-width: 280px;
        }
        .main {
            margin-left: calc(min(25%, 280px)) !important;
            padding-left: 0;

[26.113911]

[26.114320]

    @media (width >= 64rem) {
        .drawer-side- {
            max-height: calc(100vh - var(--spacing) * 20);

Deletion in src/routes/grain/projet/[id]/+layout.svelte at line 458 [26.95670]
B:BD[26.114330] → [26.114330:114406]
```
    }
    .input-h1 {
        font-size: 1.5em;
        font-weight: bold;
```
Deletion in src/routes/grain/projet/[id]/+layout.svelte at line 459 [26.95670]
B:BD[26.114412] → [26.114412:114450]
B:BD[26.114496] → [26.114496:114553]
```
    .z0 {
        z-index: 0;
    }
    .offcanvas-body h2 {
        font-size: 1.2em;
    }
```
Replacement in src/routes/grain/apropos/+page.svelte at line 8 [14.37]
∅:D[15.628] → [14.38:65]
∅:D[18.111005] → [14.38:65]
B:BD[14.37] → [14.38:65]
B:BD[14.65] → [15.629:678]
```
<div class="container-md">
    <h1 class="text-primary mb-4">À propos</h1>
```
[18.111005]
[14.142]
```
<div class="p-10 flex-1">
    <h1 class="my-8 text-4xl font-bold">À propos</h1>
```
Replacement in src/routes/grain/apropos/+page.svelte at line 15 [14.37]
B:BD[15.718] → [15.718:728]
```
    <div>
```
[15.718]
[18.111046]
```
    <div class="flex flex-col gap-3">
```
Deletion in src/routes/grain/apropos/+page.svelte at line 21 [14.37]
∅:D[22.2179] → [18.111579:111592]
B:BD[18.111579] → [18.111579:111592]
∅:D[18.111592] → [15.1158:1159]
B:BD[15.1158] → [15.1158:1159]
B:BD[15.1159] → [18.111593:111605]
B:BD[18.111605] → [22.2180:2230]
```
        </p>
        <p>
            <Coturnix /> a été fondée en 2017.
```

Replacement in src/routes/grain/apropos/+page.svelte at line 24 [14.37]

B:BD[18.111797] → [18.111797:111926]

            Elle offre des services de traitement et analyse de données au
            service de la performance énergétique.

[18.111797]

[18.111926]

            <Coturnix /> a été fondée en 2016. Elle offre des services de traitement
            et analyse de données au service de la performance énergétique.

Replacement in src/routes/grain/GrainMain.svelte at line 34 [2.855919]

∅:D[37.455] → [9.16125:16186]

∅:D[17.11946] → [9.16125:16186]

∅:D[34.52307] → [9.16125:16186]

∅:D[18.128862] → [9.16125:16186]

B:BD[9.16125] → [9.16125:16186]

B:BD[9.16186] → [18.128863:128941]

        <div style="padding-top:100px" class="container-md">
            <h1 class="text-uppercase lh-1" style="font-size:4rem;width:50%">

[37.455]

[18.128941]

        <div class="pt-80 mx-10">
            <h1
                class="uppercase"
                style="font-size:4rem;width:50%;line-height:1em">

Replacement in src/routes/grain/GrainMain.svelte at line 53 [2.855919]
B:BD[22.2334] → [36.1233:1273]
```
            {#if data?.projets?.length}
```
[22.2334]
[18.129280]
```
            {#if true || data?.projets?.length}
```

Replacement in src/routes/grain/GrainMain.svelte at line 55 [2.855919]

B:BD[18.129301] → [18.129301:129378]

                    class="card border-primary my-5 mx-auto overflow-scroll"

[18.129301]

[18.129378]

                    class="card shadow-sm border-primary my-5 mx-auto overflow-scroll"

Replacement in src/routes/grain/GrainMain.svelte at line 57 [2.855919]

∅:D[18.129440] → [13.160:222]

B:BD[13.160] → [13.160:222]

B:BD[13.222] → [34.52448:52505]

∅:D[34.52505] → [18.129441:129472]

B:BD[13.272] → [18.129441:129472]

B:BD[18.129472] → [38.13780:13934]

∅:D[38.13934] → [18.129532:129639]

∅:D[34.52585] → [18.129532:129639]

B:BD[18.129532] → [18.129532:129639]

∅:D[18.129639] → [16.6460:6500]

B:BD[13.406] → [16.6460:6500]

B:BD[16.6500] → [18.129640:129777]

∅:D[18.129777] → [13.547:612]

B:BD[13.547] → [13.547:612]

                    <div class="list-group list-group-flush">
                        {#each data.projets as p (p.id)}
                            <a
                                href={resolve('/grain/projet/[pid]', {
                                    pid: p.id,
                                })}
                                class="list-group-item d-flex justify-content-between align-items-center">
                                {p.nom}
                                <span class="badge bg-primary rounded-pill"
                                    >{p.puissance}kWc</span>
                            </a>
                        {/each}

[18.129440]

[13.612]

                    <div class="card-body">
                        <div class="list-group list-group-flush">
                            {#each data.projets as p (p.id)}
                                <a
                                    href={resolve('/grain/projet/[pid]', {
                                        pid: p.id,
                                    })}
                                    class="list-group-item d-flex justify-content-between align-items-center">
                                    {p.nom}
                                    <span class="badge bg-primary rounded-pill"
                                        >{p.puissance}kWc</span>
                                </a>
                            {/each}
                        </div>

Replacement in src/routes/grain/GrainMain.svelte at line 78 [2.855919]
∅:D[33.58] → [5.10336:10363]
∅:D[9.16568] → [5.10336:10363]
∅:D[18.129832] → [5.10336:10363]
B:BD[5.10336] → [5.10336:10363]
```
<div class="container-md">
```
[33.58]
[18.129833]
```
<div class="mx-10 mt-10">
```

Replacement in src/routes/grain/GrainMain.svelte at line 80 [2.855919]

B:BD[18.129872] → [18.129872:130062]

    <h1 class="my-5 lh-1 text-center">
        Simulez <span class="text-primary fw-bold">gratuitement</span> vos
        <span class="text-primary fw-bold">revenus</span> photovoltaïques.

[18.129872]

[18.130062]

    <h1 class="text-4xl text-balance my-5 lh-1 text-center">
        Simulez <span class="text-primary font-bold">gratuitement</span> vos
        <span class="text-primary font-bold">revenus</span> photovoltaïques.

Replacement in src/routes/grain/GrainMain.svelte at line 85 [2.855919]

B:BD[6.7850] → [8.1098:1124]

B:BD[8.1124] → [33.59:105]

∅:D[33.105] → [13.681:727]

∅:D[18.130115] → [13.681:727]

B:BD[5.11539] → [13.681:727]

B:BD[13.727] → [18.130116:130133]

    <div class="row p-5">
        <div class="col-sm-0 col-md-1"></div>
        <div class="col-12 col-md-6 me-auto">
            <h2>

[6.7850]

[39.0]

    <div class="flex p-5 mt-10">
        <div class="w-full sm:w-1/2 me-auto">
            <h2 class="text-2xl mb-5">

Replacement in src/routes/grain/GrainMain.svelte at line 107 [2.855919]

B:BD[8.1641] → [9.16789:16815]

B:BD[9.16815] → [13.1577:1638]

B:BD[13.1638] → [18.131197:131293]

    <div class="row p-5">
        <div class="col-12 col-md-6 text-md-end ms-md-auto">
            <h2>
                Reprenez <span class="text-primary fw-bold">les rennes</span>.

[8.1641]

[18.131293]

    <div class="flex p-5">
        <div class="w-full sm:w-1/2 sm:text-end sm:ms-auto">
            <h2 class="text-2xl mb-5 mt-10">
                Reprenez <span class="text-primary font-bold">les rênes</span>.

Replacement in src/routes/grain/GrainMain.svelte at line 115 [2.855919]

B:BD[18.131487] → [18.131487:131709]

                <span class="text-primary fw-bold"> Simplement*</span>,
                <span class="text-primary fw-bold">rapidement</span>
                et <span class="text-primary fw-bold">gratuitement</span>.<br />

[18.131487]

[13.2067]

                <span class="text-primary font-bold">Simplement</span>,
                <span class="text-primary font-bold">rapidement</span>
                et
                <span class="text-primary font-bold">gratuitement</span>.<br />

Replacement in src/routes/grain/GrainMain.svelte at line 121 [2.855919]

B:BD[18.131762] → [18.131762:131822]

                class="mt-3 btn btn-sm btn-outline-primary"

[18.131762]

[40.156]

                class="mt-3 btn btn-sm btn-outline btn-primary"

Deletion in src/routes/grain/GrainMain.svelte at line 125 [2.855919]
B:BD[13.2214] → [33.106:153]
```
        <div class=" col-sm-0 col-md-1"></div>
```

Replacement in src/routes/grain/GrainMain.svelte at line 127 [2.855919]

B:BD[8.1750] → [9.16979:17005]

B:BD[9.17005] → [33.154:200]

∅:D[33.200] → [13.2215:2261]

∅:D[18.131981] → [13.2215:2261]

B:BD[5.13152] → [13.2215:2261]

B:BD[13.2261] → [18.131982:132058]

    <div class="row p-5">
        <div class="col-sm-0 col-md-1"></div>
        <div class="col-12 col-md-6 me-auto">
            <h2>Et <span class="text-primary fw-bold">ensuite</span> ?</h2>

[8.1750]

[18.132058]

    <div class="flex p-5">
        <div class="w-full sm:w-1/2">
            <h2 class="text-2xl mb-5 mt-10">
                Et <span class="text-primary font-bold">ensuite</span> ?
            </h2>

Replacement in src/routes/grain/GrainMain.svelte at line 138 [2.855919]

B:BD[18.132694] → [18.132694:132771]

                <span class="text-primary fw-bold">on fait tout ça.</span>.

[18.132694]

[13.2860]

                <span class="text-primary font-bold">on fait tout ça.</span>.

Replacement in src/routes/grain/GrainMain.svelte at line 141 [2.855919]
B:BD[34.52683] → [34.52683:52728]
```
                class="mt-3 btn btn-primary"
```
[34.52683]
[34.52728]
```
                class="mt-10 btn btn-primary"
```

Replacement in src/routes/grain/Grain.svelte at line 7 [19.682]

B:BD[19.796] → [19.796:964]

B:BD[19.964] → [34.51740:51799]

    <span style="font-size:25pt" class="align-bottom"
        ><span class="co"
            ><span class="g">G</span><span class="ra">RA</span>IN</span
        ></span
    ><img src="/grain/coturnix.svg" alt="Logo de Grain" />

[19.796]

[19.1014]

    <div class="flex items-center">
        <span style="font-size:25pt"
            ><span class="co"
                ><span class="g">G</span><span class="ra">RA</span>IN</span
            ></span
        ><img src="/grain/coturnix.svg" alt="Logo de Grain" />
    </div>

Replacement in src/routes/grain/+layout.svelte at line 9 [2.856748]

B:BD[2.856871] → [3.370475:370499]

∅:D[3.370499] → [2.856889:856900]

B:BD[2.856889] → [2.856889:856900]

B:BD[2.856900] → [26.115829:115909]

∅:D[15.3525] → [8.2326:2365]

∅:D[26.115909] → [8.2326:2365]

B:BD[8.2326] → [8.2326:2365]

B:BD[8.2365] → [34.52975:53036]

∅:D[34.53036] → [22.2760:2802]

B:BD[18.134156] → [22.2760:2802]

∅:D[8.2569] → [5.14286:14307]

∅:D[22.2802] → [5.14286:14307]

∅:D[15.3624] → [5.14286:14307]

∅:D[18.134545] → [5.14286:14307]

B:BD[5.14286] → [5.14286:14307]

B:BD[5.14307] → [15.3625:3662]

B:BD[15.3662] → [20.1628559:1628689]

∅:D[20.1628785] → [19.3055:3086]

B:BD[19.3055] → [19.3055:3086]

B:BD[19.3086] → [38.14494:14659]

∅:D[22.3043] → [5.14723:14753]

∅:D[19.3246] → [5.14723:14753]

∅:D[25.9075] → [5.14723:14753]

∅:D[38.14659] → [5.14723:14753]

∅:D[34.53294] → [5.14723:14753]

∅:D[18.134789] → [5.14723:14753]

B:BD[5.14723] → [5.14723:14753]

B:BD[5.14753] → [38.14660:15162]

∅:D[38.15162] → [5.14753:14779]

B:BD[5.14753] → [5.14753:14779]

∅:D[5.14779] → [2.857376:857449]

B:BD[2.857376] → [2.857376:857449]

B:BD[2.857449] → [18.134790:134953]

∅:D[18.134953] → [2.857597:857614]

B:BD[2.857597] → [2.857597:857614]

B:BD[2.857614] → [26.115910:115951]

B:BD[26.115951] → [34.53295:53328]

∅:D[34.53328] → [2.857679:857706]

B:BD[2.857679] → [2.857679:857706]

<div class="app w-100">
    <main>
        <nav class="navbar navbar-expand-lg sticky-sm-top bg-body shadow mb-3">
            <div class="container-md">
                <a class="nav-link" href={resolve('/', {})}>
                    <Grain logo={true} />
                </a>
                <div class="d-flex">
                    <ul class="navbar-nav d-flex flex-row align-items-center">
                        <li class="nav-item mx-2">
                            <a
                                class="nav-link"
                                href={resolve('/grain/apropos', {})}
                                >À propos</a>
                        </li>
                        {#if !page.url.pathname.startsWith('/grain/projet')}
                            <li class="nav-item mx-2">
                                <a
                                    class="btn btn-sm btn-outline-primary"
                                    href={resolve('/grain/projet/[id]', {
                                        id: 'nouveau',
                                    })}>Je lance ma simulation</a>
                            </li>
                        {/if}
                    </ul>
                </div>
            </div>
        </nav>
        <style>
            @media (prefers-color-scheme: light) {
                nav {
                    background-color: #f0f0f0 !important;
                }
            }
        </style>
        <div class="d-flex flex-column">
            {@render children()}
        </div>
    </main>

[2.856871]

[2.857706]

<div class="w-full flex flex-col min-h-screen">
    <div
        class="navbar bg-base-200 shadow-sm sticky top-0 z-100 sm:px-10 flex-wrap justify-between">
        <a href={resolve('/', {})}>
            <Grain logo={true} />
        </a>
        <ul class="menu menu-horizontal">
            <li class="">
                <a class="nav-link" href={resolve('/grain/apropos', {})}
                    >À propos</a>
            </li>
            {#if !page.url.pathname.startsWith('/grain/projet')}
                <li class="">
                    <a
                        class="btn btn-sm btn-outline btn-primary"
                        href={resolve('/grain/projet/[id]', {
                            id: 'nouveau',
                        })}>Je lance ma simulation</a>
                </li>
            {/if}
        </ul>
    </div>
    <div class="flex flex-col flex-1">
        {@render children()}
    </div>

Replacement in src/routes/grain/+layout.svelte at line 35 [2.856748]
B:BD[2.857707] → [19.3247:3301]
B:BD[19.3301] → [34.53329:53411]
∅:D[22.3117] → [19.3387:3416]
∅:D[34.53411] → [19.3387:3416]
B:BD[19.3387] → [19.3387:3416]
```
    <footer>
        <div class="nav-item mt-1 mx-2">
            <a class="nav-link" href={resolve('/apropos', {})}>À&nbsp;propos</a>
        </div>
    </footer>
```
[2.857707]
[2.857729]
```
    <footer class="bg-primary h-2"></footer>
```
Deletion in src/routes/grain/+layout.svelte at line 37 [2.856748]
B:BD[2.857736] → [18.135017:135018]
∅:D[18.135018] → [2.857736:857756]
B:BD[2.857736] → [2.857736:857756]
B:BD[2.857756] → [26.115952:115999]
∅:D[26.115999] → [18.135101:135122]
B:BD[18.135101] → [18.135101:135122]
∅:D[21.5401] → [18.135122:135128]
B:BD[18.135122] → [18.135122:135128]
∅:D[18.135128] → [15.3775:3776]
B:BD[15.3775] → [15.3775:3776]
B:BD[15.3809] → [18.135171:135203]
B:BD[18.135203] → [26.116000:116055]
∅:D[26.116055] → [18.135281:135301]
B:BD[18.135281] → [18.135281:135301]
B:BD[18.135358] → [18.135358:135374]
∅:D[15.3982] → [2.857786:857787]
∅:D[18.135374] → [2.857786:857787]
B:BD[2.857786] → [2.857786:857787]
B:BD[2.857787] → [18.135375:135474]
```
<style lang="scss">
    .sticky-sm-top {
        position: static;
        width: 100%;
    }
    @media (min-width: 480px) {
        .sticky-sm-top {
            position: sticky;
            top: 0;
        }
    }
    .app {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
```

Replacement in src/routes/grain/+layout.svelte at line 38 [2.856748]

B:BD[2.857872] → [18.135475:135676]

    main {
        font-family: 'Lato', sans-serif;
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;

[2.857872]

[18.135676]

<style>
    :global body {
        min-width: 490px;

Deletion in src/routes/grain/+layout.svelte at line 42 [2.856748]
B:BD[18.135682] → [26.116056:116057]
∅:D[26.116057] → [18.135682:135838]
B:BD[18.135682] → [18.135682:135838]
B:BD[18.135838] → [26.116058:116078]
∅:D[26.116078] → [18.135838:135844]
B:BD[18.135838] → [18.135838:135844]
∅:D[18.135844] → [8.2702:2703]
B:BD[3.371577] → [8.2702:2703]
B:BD[8.2703] → [18.135845:135898]
∅:D[12.42] → [8.2716:2717]
∅:D[11.15977] → [8.2716:2717]
∅:D[18.135898] → [8.2716:2717]
B:BD[5.14856] → [8.2716:2717]
B:BD[8.2717] → [18.135899:135952]
```
    footer {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
        background-color: $primary;
        z-index: 1;
    }
    :global(.logoCol1) {
        color: $gp-3;
    }
    :global(.logoCol2) {
        color: $gp-2;
    }
```

File addition: XCircle.svelte (----------)

[2.784865]

<svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke-width="1.5"
    stroke="currentColor"
    class="size-6">
    <path
        stroke-linecap="round"
        stroke-linejoin="round"
        d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
</svg>

File addition: Question.svelte (----------)

[2.784865]

<script lang="ts">
    const { datatip } = $props()
</script>
<div class="tooltip text-primary z-99 overflow-visible flex" data-tip={datatip}>
    <button type="button" class="link" aria-label={datatip}
        ><svg
            xmlns="http://www.w3.org/2000/svg"
            style="width:20px;height:20px"
            fill="none"
            width="10"
            height="10"
            viewBox="0 0 24 24"
            stroke-width="1.5"
            stroke="currentColor"
            class="size-6">
            <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" />
        </svg>
    </button>
</div>

File addition: ExclamationTriangle.svelte (----------)

[2.784865]

<svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke-width="1.5"
    stroke="var(--color-warning)"
    class="size-6 inline">
    <path
        stroke-linecap="round"
        stroke-linejoin="round"
        d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
</svg>

Insertion in src/plot.ts at line 121 [23.959]

[23.3696]

[34.54168]

    console.log('chooseScale', document.getElementsByClassName('bglayer'))

Replacement in src/app.scss at line 1 [2.865959]

B:BD[2.865959] → [29.995:1018]

@import './variables';

[2.865959]

@import "tailwindcss";
@plugin "daisyui";
@plugin "daisyui/theme" {
    name: "light";
      default: true;
    color-scheme: light;
    --color-base-100: oklch(91% 0.0117 37.42);
  --color-base-200: oklch(88% 0.0117 37.42);
  --color-base-300: oklch(85% 0.0117 37.42);
  --color-base-content: oklch(12% 0.042 264.695);
  --color-primary: #b81413;
  --color-primary-content: oklch(98% 0.003 247.858);
  --color-secondary: #de5e1c;
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: #b81413;
  --color-accent-content: oklch(98% 0.003 247.858);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(98% 0.003 247.858);
  --color-info: oklch(0.8403 0.1724 84.08);
  --color-info-content: oklch(12% 0.042 264.695);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(0.5915 0.202 21.24);
  --color-error-content: oklch(27% 0.105 12.094);
}
@plugin "daisyui/theme" {
    name: "dark";
  prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */
    color-scheme: dark;
  --color-primary: #b81413;
  --color-primary-content: white;
  --color-secondary: #de5e1c;
  --color-secondary-content: black;
  --color-accent: #b81413;
  --color-accent-content: white;
  --color-info: oklch(0.8403 0.1724 84.08);
  --color-info-content: black;
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(0.5915 0.202 21.24);
  --color-error-content: oklch(27% 0.105 12.094);
  --tab-border-color: white;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/static/fonts/Lato-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(/static/fonts/Lato-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(/static/fonts/Lato-Italic.ttf) format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url(/static/fonts/Lato-BoldItalic.ttf) format('truetype');
}
html {
    font-family: 'Lato', sans-serif;
}

Deletion in src/app.html at line 7 [2.867317]

B:BD[8.3073] → [41.312248:312328]

        <link rel="stylesheet" href="%sveltekit.assets%/bootstrap-icons.css" />

Replacement in src/app.html at line 9 [2.867317]

B:BD[2.867673] → [18.140973:141045]

∅:D[18.141045] → [10.1168:1230]

B:BD[8.3146] → [10.1168:1230]

    <body data-sveltekit-preload-data="hover" style="min-width: 490px">
        <div style="display: contents">%sveltekit.body%</div>

[2.867673]

[2.867775]

    <body data-sveltekit-preload-data="hover">
        <div>%sveltekit.body%</div>

Insertion in package.json at line 33 [2.868575]
[31.640]
[34.61770]
```
        "daisyui": "^5.5.18",
```
Insertion in package.json at line 44 [2.868575]
[29.1523]
[29.1523]
```
        "tailwindcss": "^4.1.18",
```
Insertion in package.json at line 55 [2.868575]
[31.1039]
[29.1737]
```
        "@tailwindcss/vite": "^4.1.18",
```

Migration complète vers Tailwind

Dependencies

In channels

Change contents

Insertion in vite.config.js at line 2 [2.29618]

Replacement in vite.config.js at line 6 [2.29618]

Replacement in vite.config.js at line 10 [2.29618]

File addition: signal-red.png (----------)

File addition: leafletfs.css (----------)

File addition: leaflet.css (----------)

File addition: leaflet-gesture-handling.min.css (----------)

Insertion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 17 [35.42]

Insertion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 134 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 498 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 503 [35.42]

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 512 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 513 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 532 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 544 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 608 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 610 [35.42]

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 618 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 619 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 625 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 628 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 633 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 637 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 642 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 646 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 650 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 652 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 656 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 660 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 664 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 672 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 680 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 689 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 697 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 705 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 713 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 722 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 731 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 733 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 737 [35.42]

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 741 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 742 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 744 [35.42]

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 753 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 754 [35.42]

Deletion in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 757 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 758 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 760 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 765 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 770 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 843 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 851 [35.42]

Replacement in src/routes/grain/projet/[id]/simulation/Simulation.svelte at line 857 [35.42]

Insertion in src/routes/grain/projet/[id]/finances/+page.svelte at line 4 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 71 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 74 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 79 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 83 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 88 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 94 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 103 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 110 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 150 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 156 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 166 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 187 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 192 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 207 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 230 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 236 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 240 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 246 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 254 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 281 [26.22693]

Replacement in src/routes/grain/projet/[id]/finances/+page.svelte at line 288 [26.22693]

Insertion in src/routes/grain/projet/[id]/finances/+page.svelte at line 314 [26.22693]