rte-utils 1.2.84 → 1.2.85

package/dist/components/ProductionUnit.d.ts

@@ -19,5 +19,5 @@ interface ProductionUnitProps {
     max?: ProductionUnitLimit;
     unitLabel?: string;
 }
-export declare const ProductionUnit: ({ onChangeInput, onChangeSwitch, defaultValue, defaultChecked, value, checked, unitName, energyCost, checkedImage, uncheckedImage, readonly, min, max, unitLabel }: ProductionUnitProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductionUnit: ({ onChangeInput, onChangeSwitch, defaultValue, defaultChecked, value, checked, unitName, energyCost, checkedImage, uncheckedImage, readonly, min, max, unitLabel, }: ProductionUnitProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.css

@@ -1 +1 @@
-.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;border-width:2px;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:1px!important;transition:border-color .3s ease,border-width .3s ease}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;font-size:12px;text-align:center}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-switch-container{width:156px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards;color:#0f0}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards;color:#f44}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(40px) scale(1)}}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small{font-size:14px}.cost-unit{font-size:16px;font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit{letter-spacing:0;line-height:14px}.cost-unit-per{font-size:12px;font-weight:400;letter-spacing:0;line-height:18px;text-transform:uppercase}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;display:flex;flex-shrink:0;padding:10px 0 10px 16px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;min-width:64px;text-align:left;text-transform:uppercase}.timer-time,.timer-title{font-family:Open Sans,sans-serif}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;white-space:nowrap;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;display:flex;flex-shrink:0;gap:10px;padding:10px 16px 10px 10px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button,.control-button:before{border-radius:50%;height:32px;width:32px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:16px;width:16px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.gain{align-items:center;background:#111;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}.buyline{background:#fff;flex-direction:column;padding:12px 0;position:relative}.buyline,.buyline__container{align-items:center;display:flex;justify-content:space-between;width:100%}.buyline__container{box-sizing:border-box}.buyline__border{border-bottom:1px solid #f2f4f4;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:15px;justify-content:flex-start}.buyline__actions{flex-shrink:0;gap:8px}.buyline__actions,.buyline__send,.buyline__trash{align-items:center;display:flex;justify-content:center}.buyline__send,.buyline__trash{background:transparent;border:none;cursor:pointer;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.button{align-items:flex-start;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;height:100%;justify-content:center;padding:12px 16px;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:16px;position:relative;width:16px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}
+.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;border-width:2px;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:1px!important;transition:border-color .3s ease,border-width .3s ease}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;font-size:12px;text-align:center}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-switch-container{width:156px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards;color:#0f0}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards;color:#f44}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(40px) scale(1)}}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small{font-size:14px}.cost-unit{font-size:16px;font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit{letter-spacing:0;line-height:14px}.cost-unit-per{font-size:12px;font-weight:400;letter-spacing:0;line-height:18px;text-transform:uppercase}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;display:flex;flex-shrink:0;padding:10px 0 10px 16px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;min-width:64px;text-align:left;text-transform:uppercase}.timer-time,.timer-title{font-family:Open Sans,sans-serif}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;white-space:nowrap;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:10px 10px 10px 16px;width:186px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:16px;width:16px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.gain{align-items:center;background:#111;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}.buyline{background:#fff;flex-direction:column;padding:12px 0;position:relative}.buyline,.buyline__container{align-items:center;display:flex;justify-content:space-between;width:100%}.buyline__container{box-sizing:border-box}.buyline__border{border-bottom:1px solid #f2f4f4;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:15px;justify-content:flex-start}.buyline__actions{flex-shrink:0;gap:8px}.buyline__actions,.buyline__send,.buyline__trash{align-items:center;display:flex;justify-content:center}.buyline__send,.buyline__trash{background:transparent;border:none;cursor:pointer;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.button{align-items:flex-start;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;height:100%;justify-content:center;padding:12px 16px;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:16px;position:relative;width:16px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}

package/dist/index.esm.css

@@ -1 +1 @@
-.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;border-width:2px;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:1px!important;transition:border-color .3s ease,border-width .3s ease}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;font-size:12px;text-align:center}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-switch-container{width:156px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards;color:#0f0}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards;color:#f44}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(40px) scale(1)}}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small{font-size:14px}.cost-unit{font-size:16px;font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit{letter-spacing:0;line-height:14px}.cost-unit-per{font-size:12px;font-weight:400;letter-spacing:0;line-height:18px;text-transform:uppercase}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;display:flex;flex-shrink:0;padding:10px 0 10px 16px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;min-width:64px;text-align:left;text-transform:uppercase}.timer-time,.timer-title{font-family:Open Sans,sans-serif}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;white-space:nowrap;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;display:flex;flex-shrink:0;gap:10px;padding:10px 16px 10px 10px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button,.control-button:before{border-radius:50%;height:32px;width:32px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:16px;width:16px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.gain{align-items:center;background:#111;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}.buyline{background:#fff;flex-direction:column;padding:12px 0;position:relative}.buyline,.buyline__container{align-items:center;display:flex;justify-content:space-between;width:100%}.buyline__container{box-sizing:border-box}.buyline__border{border-bottom:1px solid #f2f4f4;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:15px;justify-content:flex-start}.buyline__actions{flex-shrink:0;gap:8px}.buyline__actions,.buyline__send,.buyline__trash{align-items:center;display:flex;justify-content:center}.buyline__send,.buyline__trash{background:transparent;border:none;cursor:pointer;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.button{align-items:flex-start;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;height:100%;justify-content:center;padding:12px 16px;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:16px;position:relative;width:16px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}
+.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;border-width:2px;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:1px!important;transition:border-color .3s ease,border-width .3s ease}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;font-size:12px;text-align:center}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-switch-container{width:156px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards;color:#0f0}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards;color:#f44}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(40px) scale(1)}}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small{font-size:14px}.cost-unit{font-size:16px;font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit{letter-spacing:0;line-height:14px}.cost-unit-per{font-size:12px;font-weight:400;letter-spacing:0;line-height:18px;text-transform:uppercase}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;display:flex;flex-shrink:0;padding:10px 0 10px 16px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;min-width:64px;text-align:left;text-transform:uppercase}.timer-time,.timer-title{font-family:Open Sans,sans-serif}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;white-space:nowrap;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:10px 10px 10px 16px;width:186px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:16px;width:16px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.gain{align-items:center;background:#111;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}.buyline{background:#fff;flex-direction:column;padding:12px 0;position:relative}.buyline,.buyline__container{align-items:center;display:flex;justify-content:space-between;width:100%}.buyline__container{box-sizing:border-box}.buyline__border{border-bottom:1px solid #f2f4f4;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:15px;justify-content:flex-start}.buyline__actions{flex-shrink:0;gap:8px}.buyline__actions,.buyline__send,.buyline__trash{align-items:center;display:flex;justify-content:center}.buyline__send,.buyline__trash{background:transparent;border:none;cursor:pointer;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.button{align-items:flex-start;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;height:100%;justify-content:center;padding:12px 16px;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:16px;position:relative;width:16px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as i,useRef as l,useEffect as a,useCallback as o}from"react";var r=function(t){var o=t.label,r=t.value,c=void 0===r?"":r,s=t.onChange,d=t.disabled,u=void 0!==d&&d,h=t.className,v=void 0===h?"":h,C=t.required,m=void 0!==C&&C,p=t.min,f=void 0===p?{value:0}:p,g=t.max,b=void 0===g?{value:100}:g,L=t.showSuccess,w=void 0!==L&&L,N=i(c),x=N[0],k=N[1],M=i(!1),y=M[0],R=M[1],V=i(!1),Z=V[0],_=V[1],H=i(54),P=H[0],F=H[1],S=l(null),z=l(null);a(function(){if(z.current){var e=document.createElement("canvas").getContext("2d");if(e){var n=window.getComputedStyle(z.current);e.font="".concat(n.fontSize," ").concat(n.fontFamily);var t=e.measureText(o+(m?"*":"")).width,i=Math.max(54,t+32);F(i)}}},[o,m]),a(function(){k(c)},[c]);var T=["input-container",y?"input-container--focused":"",y||x.length>0?"input-container--floating":"",u?"input-container--disabled":"",Z?"input-container--error":"",w?"input-container--success":"",v].filter(Boolean).join(" ");return e("div",{className:T,children:n("div",{className:"input-constraints",children:[f.label&&n("div",{className:"input-min",children:[f.label,e("br",{}),f.value]}),n("div",{className:"input-field",style:{width:"".concat(P,"px")},children:[e("input",{ref:S,type:"number",value:x,onChange:function(e){var n=e.target.value;if(k(n),""!==n){var t=parseFloat(n);if(isNaN(t))_(!1),null==s||s(n);else{var i=t<f.value||t>b.value;if(_(i),i){var l=Math.max(f.value,Math.min(b.value,t));null==s||s(l.toString())}else null==s||s(n)}}else _(!1),null==s||s(n)},onFocus:function(){R(!0),S.current&&S.current.select()},onBlur:function(){if(R(!1),""!==x){var e=parseFloat(x);if(!isNaN(e)){var n=Math.max(f.value,Math.min(b.value,e));if(n!==e){var t=n.toString();k(t),null==s||s(t)}_(!1)}}},disabled:u,required:m,className:"input-element",style:{width:"".concat(P,"px")},"aria-label":o,min:f.value,max:b.value,step:1}),n("label",{ref:z,className:"input-label",children:[o,m&&e("span",{className:"input-required",children:"*"})]})]}),b.label&&n("div",{className:"input-max",children:[b.label,e("br",{})," ",b.value]})]})})},c=function(n){var t=n.isOff;return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M9.56529 2.85352C9.66365 2.57607 9.96837 2.43116 10.246 2.5293C13.4295 3.65507 15.3392 6.91015 14.7684 10.2383C14.1974 13.5667 11.3114 16 7.93443 16C4.55739 16 1.67151 13.5667 1.10045 10.2383C0.5296 6.91011 2.4393 3.65504 5.62291 2.5293C5.9005 2.43115 6.20523 2.57605 6.30357 2.85352C6.40176 3.13124 6.2561 3.43599 5.97838 3.53418C3.28438 4.48672 1.669 7.2423 2.1522 10.0586C2.63557 12.8747 5.07706 14.9336 7.93443 14.9336C10.7918 14.9336 13.2333 12.8747 13.7167 10.0586C14.1999 7.24233 12.5844 4.48676 9.89049 3.53418C9.61276 3.43599 9.4671 3.13124 9.56529 2.85352ZM7.93443 0C8.22892 3.10447e-05 8.46754 0.238727 8.46763 0.533203V7.4668C8.46763 7.76135 8.22898 8.00095 7.93443 8.00098C7.63986 8.00098 7.40123 7.76137 7.40123 7.4668V0.533203C7.40132 0.238707 7.63991 0 7.93443 0Z",fill:t?"#999FA1":"#009CDF"})})},s=function(n){var t=n.isOff;return e("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("circle",{cx:"16",cy:"16",r:"16",fill:t?"white":"#009cdf"})})},d=function(t){var l=t.checked,a=void 0!==l&&l,o=t.onChange,r=t.disabled,d=void 0!==r&&r,u=t.showIcon,h=void 0===u||u,v=t.label,C=i(a),m=C[0],p=C[1],f=void 0!==a?a:m,g=["switch",f?"switch--checked":"",d?"switch--disabled":""].filter(Boolean).join(" "),b=["switch-wrapper",f?"switch-wrapper--checked":""].filter(Boolean).join(" ");return e("div",{className:"switch-container",children:n("div",{className:b,children:[h?e("div",{className:"switch-icon",children:e(c,{isOff:!f})}):v?e("div",{className:"switch-label",children:v}):null,e("button",{type:"button",role:"switch","aria-checked":f,className:g,onClick:function(){if(!d){var e=!f;void 0===a&&p(e),null==o||o(e)}},disabled:d,children:e("span",{className:"switch-track",children:e("span",{className:"switch-thumb",children:e(s,{isOff:!f})})})})]})})},u=function(n){var t=n.children,i=n.bgColor,l=n.width,a=["chip-container","full-width"===(void 0===l?"fit-content":l)?"chip-container--full-width":"chip-container--fit-content"].join(" ");return e("div",{className:a,style:{backgroundColor:i},children:e("div",{className:"chip-content",children:e("div",{className:"chip-label",children:t})})})},h=function(n){var t=n.bgColor,i=void 0===t?"#fff":t,l=n.children,a=n.height;return e("div",{className:"production-unit-container-box",style:{backgroundColor:i,height:a},children:l})},v=function(t){var l=t.onChangeInput,a=t.onChangeSwitch,o=t.defaultValue,c=t.defaultChecked,s=void 0!==c&&c,v=t.value,C=t.checked,m=t.unitName,f=void 0===m?"Production Unit":m,g=t.energyCost,b=void 0===g?0:g,L=t.checkedImage,w=t.uncheckedImage,N=t.readonly,x=void 0!==N&&N,k=t.min,M=void 0===k?{value:10,label:"Pmin"}:k,y=t.max,R=void 0===y?{value:100,label:"Pmax"}:y,V=t.unitLabel,Z=void 0===V?"W":V,_=i(s),H=_[0],P=_[1],F=i(o),S=F[0],z=F[1],T=void 0!==C?C:H,B=void 0!==v?v:S;return e(h,{children:n("div",{className:"production-unit-container",children:[n("div",{className:"production-unit-content",children:[n("div",{className:"image-preview-container",children:[T?L:w,T&&e("div",{className:"image-preview-label",children:Z})]}),n("div",{className:"production-unit-chip",children:[e("div",{className:"production-unit-chip-name",children:f}),e(u,{width:"fit-content",bgColor:"#E1F5FD",children:e(p,{cost:b,textColor:"#005896"})})]}),n("div",{className:"production-unit-switch-container",children:[e(r,{label:"PA",onChange:function(e){if(""===e)return void 0===v&&z(void 0),void(l&&l(0));var n=parseFloat(e);isNaN(n)||(void 0===v&&z(n),l&&l(n))},value:void 0!==B?B.toString():void 0,disabled:!T||x,min:{value:M.value,label:M.label},max:{value:R.value,label:R.label}})," "]})]}),e(d,{checked:T,onChange:function(e){void 0===C&&P(e),a&&a(e)},disabled:x})]})})},C=function(t){var o,r,c,s,d=t.max,u=t.relative,h=t.barHeight,v=void 0===h?103:h,C=t.barWidth,m=void 0===C?32:C,p=t.orientation,f=void 0===p?"vertical":p,g=t.cornerRadius,b=t.showGain,L=void 0!==b&&b,w=t.children,N=i(0),x=N[0],k=N[1],M=i(0),y=M[0],R=M[1],V=i(null),Z=V[0],_=V[1],H=i(!0),P=H[0],F=H[1],S=l(u.value),z=l(!0),T=l(null),B=l(0),I=l(u.value),A=Math.min(u.value/d.value*100,100)/100*v,D=Math.min(u.value/d.value*100,100)/100*("horizontal"===f?v:m);a(function(){if(z.current)return z.current=!1,S.current=u.value,void(I.current=u.value);if(L&&u.value!==S.current){var e=u.value-S.current;T.current?(clearTimeout(T.current),B.current+=e):(I.current=S.current,B.current=e),S.current=u.value;var n=u.value-I.current,t=n>0;return _(Math.abs(n)),F(t),T.current=setTimeout(function(){_(null),T.current=null,B.current=0,I.current=u.value},2e3),function(){T.current&&(clearTimeout(T.current),T.current=null)}}L||(S.current=u.value,I.current=u.value)},[u.value,L]),a(function(){return function(){T.current&&clearTimeout(T.current)}},[]),a(function(){k(0),R(0);var e=Date.now(),n=function(){var t=Date.now()-e,i=Math.min(t/1e3,1),l=1-Math.pow(1-i,4);k(A*l),R(D*l),i<1&&requestAnimationFrame(n)};requestAnimationFrame(n)},[A,D]);var j="horizontal"===f?v:m,W="horizontal"===f?m:v,E="horizontal"===f?v:m,O="horizontal"===f?m:v,U=function(e,n,t,i,l){var a=l.topLeft,o=l.topRight,r=l.bottomLeft,c=l.bottomRight;return"\n      M ".concat(e+a," ").concat(n,"\n      L ").concat(e+t-o," ").concat(n,"\n      Q ").concat(e+t," ").concat(n," ").concat(e+t," ").concat(n+o,"\n      L ").concat(e+t," ").concat(n+i-c,"\n      Q ").concat(e+t," ").concat(n+i," ").concat(e+t-c," ").concat(n+i,"\n      L ").concat(e+r," ").concat(n+i,"\n      Q ").concat(e," ").concat(n+i," ").concat(e," ").concat(n+i-r,"\n      L ").concat(e," ").concat(n+a,"\n      Q ").concat(e," ").concat(n," ").concat(e+a," ").concat(n,"\n      Z\n    ").trim().replace(/\s+/g," ")},q={topLeft:2,topRight:2,bottomLeft:2,bottomRight:2},Q=g?{topLeft:null!==(o=g.topLeft)&&void 0!==o?o:q.topLeft,topRight:null!==(r=g.topRight)&&void 0!==r?r:q.topRight,bottomLeft:null!==(c=g.bottomLeft)&&void 0!==c?c:q.bottomLeft,bottomRight:null!==(s=g.bottomRight)&&void 0!==s?s:q.bottomRight}:q;return e("div",{className:"histogram-container ".concat("horizontal"===f?"histogram-container--horizontal":""),children:n("div",{className:"histogram-content ".concat("horizontal"===f?"histogram-content--horizontal":""),children:[n("div",{className:"histogram-bar",style:{height:"".concat(W,"px"),width:"".concat(j,"px")},children:[n("svg",{width:E,height:O,viewBox:"0 0 ".concat(E," ").concat(O),className:"histogram-svg",children:[e("defs",{children:e("clipPath",{id:"histogram-clip-".concat(E,"-").concat(O,"-").concat(Q.topLeft),children:e("path",{d:U(0,0,E,O,Q)})})}),e("path",{d:U(0,0,E,O,Q),fill:d.color,fillOpacity:d.opacity||1}),e("path","vertical"===f?{d:U(0,O-x,E,x,{topLeft:x>=O?Q.topLeft:0,topRight:x>=O?Q.topRight:0,bottomLeft:Q.bottomLeft,bottomRight:Q.bottomRight}),fill:u.color,clipPath:"url(#histogram-clip-".concat(E,"-").concat(O,"-").concat(Q.topLeft,")")}:{d:U(0,0,y,O,{topLeft:Q.topLeft,topRight:y>=E?Q.topRight:0,bottomLeft:Q.bottomLeft,bottomRight:y>=E?Q.bottomRight:0}),fill:u.color,clipPath:"url(#histogram-clip-".concat(E,"-").concat(O,"-").concat(Q.topLeft,")")})]}),L&&Z&&e("div",{className:"histogram-gain-area",children:n("div",{className:"histogram-gain-points ".concat(P?"histogram-gain-points--positive":"histogram-gain-points--negative"),children:[P?"+":"-",Z]})})]}),w&&e("div",{className:"histogram-text-container ".concat("horizontal"===f?"histogram-text-container--horizontal":""),children:w})]})})},m=function(n){var t=n.children;return e("div",{className:"avatar-container avatar-container--clickable",children:e("div",{className:"avatar-content",children:t})})},p=function(t){var i=t.cost,l=t.textColor,a=t.type,o=void 0===a?"europermegawatt":a,r=t.size,c=void 0===r?"default":r;return n("div",{className:"cost-text-container ".concat("small"===c?"cost-text-container--small":""),children:[e("div",{className:"cost-number ".concat("small"===c?"cost-number--small":""),style:{color:l},children:i}),e("div",{className:"cost-unit ".concat("small"===c?"cost-unit--small":""),style:{color:l},children:"euro"===o||"europermegawatt"===o?"€":"MWh"}),"europermegawatt"===o&&e("div",{className:"cost-unit-per",style:{color:l},children:"/MWh"})]})},f=function(){return f=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var l in n=arguments[t])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e},f.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var g=function(e){var n=Math.floor(e/60),t=e%60;return"".concat(n.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"))},b=t.forwardRef(function(r,c){var s,d=r.phases,u=void 0===d?[]:d,h=r.externalState,v=r.onStateChange,C=r.onComplete,m=r.onPhaseComplete,p=r.onTick,b=r.onUnfreeze,L=r.onUnpause,w=r.onPause,N=r.onFreeze,x=r.onAnonymiseToggle,k=r.onStop,M=r.onReset,y=r.onPrevious,R=r.onNext,V=r.onPhaseClick,Z=r.className,_=void 0===Z?"":Z,H=r.gameActions,P=void 0===H?{}:H,F=r.user,S=void 0===F?"admin":F,z=h.currentPhase,T=h.currentTime,B=h.isRunning,I=h.isPaused,A=h.isFrozen,D=o(function(){return u.findIndex(function(e){return(e.title||"Phase ".concat(u.indexOf(e)+1))===z})},[u,z]),j=o(function(e){return u[e]},[u]),W=o(function(e){var n=u[e];return(null==n?void 0:n.title)||"Phase ".concat(e+1)},[u]),E=i(null),O=E[0],U=E[1],q=i(!1),Q=q[0],G=q[1],K=l(null),J=o(function(){var e=D();if(!(0===u.length||-1===e||e>=u.length)){var n=I&&!A,t=A;v(f(f({},h),{isRunning:!0,isPaused:!1,isFrozen:!1})),t?null==b||b():n&&(null==L||L())}},[u.length,D,h,v,I,A,b,L]),X=o(function(){A||(v(f(f({},h),{isRunning:!1,isPaused:!0})),null==w||w())},[A,h,v,w]),Y=o(function(e){var n=void 0===e?!A:e,t=f(f({},h),{isFrozen:n,isRunning:!n&&!h.isPaused,isPaused:h.isPaused});v(t),null==N||N(n),!n&&A&&(null==b||b())},[A,h,v,N,b]),$=o(function(e){G(function(n){var t=void 0===e?!n:e;return null==x||x(t),t})},[x]),ee=o(function(){v({currentPhase:W(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==k||k()},[v,k,W]),ne=o(function(){v({currentPhase:W(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==M||M()},[v,M,W]),te=o(function(){},[]);t.useImperativeHandle(c,function(){return{start:J,pause:X,freeze:Y,toggleAnonymise:$,stop:ee,reset:ne,setPhases:te,getCurrentTime:function(){return T},getCurrentPhase:function(){return z},isRunning:function(){return B},isPaused:function(){return I}}}),a(function(){var e=D();return B&&!A&&-1!==e&&e<u.length?K.current=setInterval(function(){var n=T+1e3,t=j(e),i=(null==t?void 0:t.duration)||0,l=n>=i,a=l?i:n;v(f(f({},h),{currentTime:a})),null==p||p(Math.floor(a/1e3),W(e)),l&&setTimeout(function(){null==m||m(W(e),i),e+1<u.length?v(f(f({},h),{currentPhase:W(e+1),currentTime:0})):(v(f(f({},h),{currentTime:i,isRunning:!1,isPaused:!1})),null==C||C())},1e3)},1e3):K.current&&(clearInterval(K.current),K.current=null),function(){K.current&&clearInterval(K.current)}},[B,A,D,T,u.length,h,v,p,m,C,j,W]),a(function(){U(null)},[z]);var ie=D(),le=j(ie),ae=(null==le?void 0:le.duration)||0,oe=Math.floor(T/1e3),re=Math.floor(ae/1e3),ce=ae>0?T/ae*100:0,se=u.length>0&&!B&&ie===Math.max(0,u.length-1)&&T>=ae,de=["timer-header-control",_,B?"timer--running":"",I?"timer--paused":"",A?"timer--frozen":"",se?"timer--completed":""].filter(Boolean).join(" "),ue=se||T>=ae?0:re>0?re-oe:0;return n("div",{className:de,children:[e("div",{className:"timer-section",children:e("div",{className:"timer-content",children:n("div",{className:"timer-display-area",children:["admin"===S&&n("div",{className:"timer-header",children:[e("span",{className:"timer-title",children:null!==O?((null===(s=j(O))||void 0===s?void 0:s.title)||"Phase ".concat(O+1)).toUpperCase():((null==le?void 0:le.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,ue))})]}),"admin"===S&&e("div",{className:"timer-progress-bar",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,ce),"%")}})}),function(){for(var t,i,l,a=[],o=u.length,r=function(o){var r=o===ie,c=o<ie,s=P[o],d=r||c,h="step-indicator";h+=s||r||c?r?" step-indicator--active"+("actor"===S?" step-indicator--actor":" step-indicator--admin"):c?" step-indicator--completed":" step-indicator--upcoming":" step-indicator--placeholder",d&&(h+=" step-indicator--clickable"),O===o&&(h+=" step-indicator--selected");var v=function(){d&&(U(o),null==V||V(W(o)))},C={className:h,"data-step":o+1,title:(null===(t=u[o])||void 0===t?void 0:t.title)?"Step ".concat(o+1,": ").concat(null===(i=u[o])||void 0===i?void 0:i.title):s?"Step ".concat(o+1,": ").concat(s):"Step ".concat(o+1),onClick:d?v:void 0,role:d?"button":void 0,tabIndex:d?0:void 0,onKeyDown:d?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v())}:void 0};a.push(e("div",f({},C,{children:s||r||c?o+1:""}),o)),"actor"===S&&r&&a.push(n("div",{className:"timer-header--block",children:[n("div",{className:"timer-header timer-header--inline",children:[e("span",{className:"timer-title",children:null!==O?((null===(l=j(O))||void 0===l?void 0:l.title)||"Phase ".concat(O+1)).toUpperCase():((null==le?void 0:le.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,ue))})]}),e("div",{className:"timer-progress-bar timer-progress-bar--inline",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,ce),"%")}})})]},"header-inline-".concat(o)))},c=0;c<o;c++)r(c);return n("div",{className:"step-indicators",children:[a,e("div",{className:"step-expand ".concat(se?"step-expand--end":""),title:se?"All steps completed":"In progress",children:"actor"===S?n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"24",width:"24",height:"24",rx:"12",transform:"rotate(90 24 0)",fill:"#292E33"}),e("path",{d:"M20 12C20 12.276 19.776 12.5 19.5 12.5L17.4766 12.5C17.238 15.1345 15.1345 17.238 12.5 17.4766L12.5 19.5C12.5 19.776 12.276 20 12 20C11.724 20 11.5 19.776 11.5 19.5L11.5 17.4766C8.86554 17.238 6.763 15.1345 6.52441 12.5L4.5 12.5C4.224 12.5 4 12.276 4 12C4 11.724 4.224 11.5 4.5 11.5L6.52441 11.5C6.763 8.86555 8.86554 6.76198 11.5 6.52344L11.5 4.5C11.5 4.224 11.724 4 12 4C12.276 4 12.5 4.224 12.5 4.5L12.5 6.52344C15.1345 6.76199 17.238 8.86551 17.4766 11.5L19.5 11.5C19.776 11.5 20 11.724 20 12ZM16.5 12C16.5 9.51867 14.4813 7.5 12 7.5C9.51867 7.5 7.5 9.51867 7.5 12C7.5 14.4813 9.51867 16.5 12 16.5C14.4813 16.5 16.5 14.4813 16.5 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z",fill:"white"})]}):e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M16 8C16 8.276 15.776 8.5 15.5 8.5L13.4766 8.5C13.238 11.1345 11.1345 13.238 8.5 13.4766L8.5 15.5C8.5 15.776 8.276 16 8 16C7.724 16 7.5 15.776 7.5 15.5L7.5 13.4766C4.86554 13.238 2.763 11.1345 2.52441 8.5L0.5 8.5C0.224 8.5 -3.61755e-07 8.276 -3.49691e-07 8C-3.29564e-07 7.724 0.224 7.5 0.5 7.5L2.52441 7.5C2.763 4.86555 4.86554 2.76198 7.5 2.52344L7.5 0.5C7.5 0.224 7.724 -3.61755e-07 8 -3.4969e-07C8.276 -3.29563e-07 8.5 0.224 8.5 0.5L8.5 2.52344C11.1345 2.76199 13.238 4.86551 13.4766 7.5L15.5 7.5C15.776 7.5 16 7.724 16 8ZM12.5 8C12.5 5.51867 10.4813 3.5 8 3.5C5.51867 3.5 3.5 5.51867 3.5 8C3.5 10.4813 5.51867 12.5 8 12.5C10.4813 12.5 12.5 10.4813 12.5 8ZM10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z",fill:"currentColor"})})})]})}()]})})}),"admin"===S&&n("div",{className:"timer-controls-section",children:[e("button",{className:"control-button control-button--previous",onClick:function(){var e=null!==O?O-1:ie-1;e>=0&&(U(e),null==y||y(W(e)))},disabled:null!==O?O<=0:ie<=0,title:"Previous",children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9813 2.39178C12.1589 2.38845 12.3342 2.43251 12.4892 2.51941C12.6441 2.60631 12.7731 2.73291 12.8629 2.88621C12.9527 3.0395 13 3.21395 13 3.3916L12.5 3.3916H13V12.6085C13 12.7862 12.9527 12.9606 12.8629 13.1139C12.7731 13.2672 12.6441 13.3938 12.4892 13.4807C12.3342 13.5676 12.1589 13.6117 11.9813 13.6084C11.8037 13.605 11.6301 13.5545 11.4785 13.4618L3.93741 8.85335C3.79124 8.76403 3.67046 8.63865 3.58667 8.48923C3.50287 8.33982 3.45886 8.17138 3.45886 8.00007C3.45886 7.82877 3.50287 7.66033 3.58667 7.51092C3.67046 7.3615 3.79124 7.23612 3.93741 7.14679L11.4785 2.53832C11.6301 2.44568 11.8037 2.3951 11.9813 2.39178ZM12 3.3916L4.45886 8.00007L4.19814 7.57343L4.45886 8.00007L12 12.6085V3.3916Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 2C2.27614 2 2.5 2.22386 2.5 2.5V13.5C2.5 13.7761 2.27614 14 2 14C1.72386 14 1.5 13.7761 1.5 13.5V2.5C1.5 2.22386 1.72386 2 2 2Z",fill:"black"})]})}),e("button",{className:"control-button control-button--next",onClick:function(){var e=(null!==O?O:ie)+1;e<u.length&&e<=ie&&(U(e),null==R||R(W(e)))},disabled:null!==O?O>=ie||O>=u.length-1:ie>=u.length-1,title:"Next",children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.51084 2.51941C3.66579 2.43251 3.84109 2.38845 4.01871 2.39178C4.19633 2.3951 4.36986 2.44568 4.52145 2.53832L12.0626 7.14679C12.2088 7.23612 12.3295 7.3615 12.4133 7.51092C12.4971 7.66033 12.5411 7.82877 12.5411 8.00007C12.5411 8.17138 12.4971 8.33982 12.4133 8.48923C12.3295 8.63865 12.2088 8.76403 12.0626 8.85335L4.52145 13.4618C4.36986 13.5545 4.19633 13.605 4.01871 13.6084C3.84109 13.6117 3.66579 13.5676 3.51084 13.4807C3.3559 13.3938 3.2269 13.2672 3.13711 13.1139C3.04733 12.9606 3 12.7862 3 12.6085V3.3916C3 3.21395 3.04733 3.0395 3.13711 2.88621C3.22689 2.73292 3.35589 2.60631 3.51084 2.51941ZM11.5411 8.00007L4 3.3916V12.6085L11.5411 8.00007Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 2C14.2761 2 14.5 2.22386 14.5 2.5V13.5C14.5 13.7761 14.2761 14 14 14C13.7239 14 13.5 13.7761 13.5 13.5V2.5C13.5 2.22386 13.7239 2 14 2Z",fill:"black"})]})}),e("button",{className:"control-button control-button--play-pause ".concat(B?"control-button--pause":"control-button--play"," ").concat(A?"control-button--disabled":""),onClick:B?X:J,title:A?"Frozen":B?"Pause":I?"Resume":"Start",disabled:A,children:n("svg",B?{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 4.5C7.85786 4.5 4.5 7.85786 4.5 12C4.5 15.1788 6.47789 17.8975 9.27283 18.989C9.65866 19.1397 9.8493 19.5746 9.69862 19.9604C9.54794 20.3463 9.113 20.5369 8.72717 20.3862C5.37607 19.0775 3 15.8172 3 12C3 7.02944 7.02944 3 12 3C16.2192 3 19.7585 5.90255 20.7337 9.81878C20.9078 10.5179 21 11.2487 21 12C21 12.4142 20.6642 12.75 20.25 12.75C19.8358 12.75 19.5 12.4142 19.5 12C19.5 11.3719 19.4229 10.7628 19.2781 10.1812C18.4655 6.91754 15.5141 4.5 12 4.5Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.75 15.75V22.25H20.25V15.75H18.75ZM17.25 15.3636C17.25 14.5918 17.9689 14.25 18.4615 14.25H20.5385C21.0311 14.25 21.75 14.5918 21.75 15.3636V22.6364C21.75 23.4082 21.0311 23.75 20.5385 23.75H18.4615C17.9689 23.75 17.25 23.4082 17.25 22.6364V15.3636Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.75 15.75V22.25H14.25V15.75H12.75ZM11.25 15.3636C11.25 14.5918 11.9689 14.25 12.4615 14.25H14.5385C15.0311 14.25 15.75 14.5918 15.75 15.3636V22.6364C15.75 23.4082 15.0311 23.75 14.5385 23.75H12.4615C11.9689 23.75 11.25 23.4082 11.25 22.6364V15.3636Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.54996 7.40004C8.21858 7.64857 8.15143 8.11867 8.39996 8.45004L11.4 12.45C11.6485 12.7814 12.1186 12.8486 12.45 12.6C12.7813 12.3515 12.8485 11.8814 12.6 11.55L9.59996 7.55004C9.35143 7.21867 8.88133 7.15152 8.54996 7.40004Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 0.75C9 0.335786 9.33579 0 9.75 0H14.25C14.6642 0 15 0.335786 15 0.75C15 1.16421 14.6642 1.5 14.25 1.5H9.75C9.33579 1.5 9 1.16421 9 0.75Z",fill:"black"})]}:{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M20.25 12C20.25 11.3103 20.1654 10.6404 20.0059 10C19.112 6.41005 15.8666 3.75 12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 15.498 5.92698 18.4875 9 19.6876",stroke:"black",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round"}),e("path",{d:"M12 12L9 8",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M9.75 0.75H14.25",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M20.7759 18.1242L13.7125 14.0646C13.6415 14.0238 13.5603 14.0015 13.4771 14.0001C13.3939 13.9986 13.3118 14.018 13.2392 14.0563C13.1667 14.0946 13.1063 14.1503 13.0642 14.2178C13.0222 14.2854 13 14.3622 13 14.4404V22.5596C13 22.6378 13.0222 22.7146 13.0642 22.7822C13.1063 22.8497 13.1667 22.9054 13.2392 22.9437C13.3118 22.982 13.3939 23.0014 13.4771 22.9999C13.5603 22.9985 13.6415 22.9762 13.7125 22.9354L20.7759 18.8758C20.8443 18.8365 20.9009 18.7813 20.9401 18.7154C20.9794 18.6496 21 18.5755 21 18.5C21 18.4245 20.9794 18.3504 20.9401 18.2846C20.9009 18.2187 20.8443 18.1635 20.7759 18.1242V18.1242Z",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e("button",{className:"control-button control-button--freeze ".concat(A?"control-button--freeze-active":""),onClick:function(){return Y()},title:A?"Unfreeze":"Freeze",disabled:!B&&!I&&!A,children:e("svg",{width:"14",height:"12",viewBox:"0 0 14 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.14697 0.146484C8.34224 -0.0486747 8.65878 -0.0487434 8.854 0.146484C9.04889 0.341739 9.04905 0.658358 8.854 0.853516L7.50049 2.20703V5.13281L10.0337 3.66992L10.5298 1.82129C10.6012 1.5547 10.8755 1.3966 11.1421 1.46777C11.4088 1.53922 11.5679 1.8134 11.4966 2.08008L11.0767 3.64648L12.6421 4.06543C12.9088 4.1369 13.0681 4.41198 12.9966 4.67871C12.925 4.94527 12.6499 5.10368 12.3833 5.03223L10.5347 4.53613L7.99951 5.99902L10.5347 7.46191L12.3833 6.96777C12.65 6.8963 12.9251 7.05456 12.9966 7.32129C13.068 7.58799 12.9088 7.86213 12.6421 7.93359L11.0767 8.35352L11.4966 9.91992C11.5677 10.1865 11.4086 10.4608 11.1421 10.5322C10.8756 10.6033 10.6013 10.4451 10.5298 10.1787L10.0337 8.32812L7.50049 6.86523V9.79297L8.854 11.1465C9.04889 11.3417 9.04905 11.6584 8.854 11.8535C8.65885 12.0487 8.34226 12.0484 8.14697 11.8535L7.00049 10.707L5.854 11.8535C5.65885 12.0487 5.34226 12.0484 5.14697 11.8535C4.95171 11.6583 4.95171 11.3417 5.14697 11.1465L6.50049 9.79297V6.86523L3.96533 8.32812L3.47021 10.1787C3.39865 10.4451 3.12439 10.6034 2.85791 10.5322C2.59128 10.4608 2.43314 10.1866 2.50439 9.91992L2.92334 8.35352L1.35791 7.93359C1.09118 7.86212 0.932919 7.58802 1.00439 7.32129C1.07593 7.05464 1.35001 6.89631 1.6167 6.96777L3.46436 7.46191L5.99951 5.99902L3.46436 4.53613L1.6167 5.03223C1.35014 5.10366 1.07608 4.94513 1.00439 4.67871C0.932919 4.41198 1.09118 4.1369 1.35791 4.06543L2.92334 3.64648L2.50439 2.08008C2.43293 1.81334 2.59118 1.53924 2.85791 1.46777C3.12453 1.39654 3.39878 1.55467 3.47021 1.82129L3.96533 3.66992L6.50049 5.13281V2.20703L5.14697 0.853516C4.95171 0.658253 4.95171 0.341747 5.14697 0.146484C5.34224 -0.0486746 5.65878 -0.0487434 5.854 0.146484L7.00049 1.29297L8.14697 0.146484Z",fill:"black"})})}),e("button",{className:"control-button control-button--anonymise ".concat(Q?"control-button--anonymise-active":""),onClick:function(){return $()},title:Q?"Show Names":"Hide Names",children:n("svg",{width:"18",height:"12",viewBox:"0 0 18 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.19571 0.9375H13.9316L13.9576 0.939919L13.9055 1.5C13.9576 0.939919 13.958 0.939955 13.9584 0.939992L13.9593 0.940074L13.9612 0.940263L13.966 0.940753L13.9794 0.942218C13.9899 0.943426 14.0036 0.945121 14.0203 0.947429C14.0536 0.952044 14.0989 0.959129 14.1545 0.969722C14.2655 0.990879 14.4186 1.02621 14.5998 1.08426C14.9611 1.20007 15.4415 1.40866 15.9224 1.78153C16.9079 2.54562 17.8125 3.93493 17.8125 6.375C17.8125 8.84977 16.7446 10.2418 15.6228 10.9916C15.0757 11.3573 14.5319 11.5602 14.1264 11.6723C13.9228 11.7285 13.7514 11.7626 13.6282 11.7828C13.5666 11.7929 13.5167 11.7996 13.4807 11.8039C13.4626 11.8061 13.448 11.8076 13.437 11.8087L13.4234 11.81L13.4186 11.8104L13.4168 11.8106L13.416 11.8106C13.4157 11.8107 13.4154 11.8107 13.3704 11.25L13.416 11.8106L13.3929 11.8125H13.3704C12.4693 11.8125 11.7717 11.6348 11.2171 11.3425C10.6627 11.0503 10.2868 10.6623 10.0046 10.2977C9.86569 10.1182 9.74696 9.94078 9.64616 9.78996C9.5407 9.6322 9.46023 9.51197 9.38106 9.41262C9.22707 9.21935 9.16773 9.21939 9.13503 9.21941H9.13398C9.09752 9.21941 9.03241 9.22191 8.87346 9.41718C8.79345 9.51548 8.71127 9.63581 8.60695 9.79107C8.60069 9.80039 8.59437 9.80981 8.58797 9.81934C8.49236 9.96175 8.38151 10.1269 8.25589 10.2929C7.98421 10.6519 7.62551 11.0405 7.10214 11.335C6.57573 11.6313 5.91831 11.8125 5.07599 11.8125H5.0488L5.02173 11.8099L5.07599 11.25C5.02173 11.8099 5.02205 11.8099 5.02173 11.8099L5.0204 11.8097L5.01868 11.8096L5.01405 11.8091L5.00016 11.8076C4.98888 11.8063 4.97357 11.8045 4.95451 11.8019C4.91641 11.7969 4.8632 11.7892 4.79703 11.7779C4.66485 11.7553 4.47999 11.718 4.25972 11.6585C3.82115 11.5401 3.23123 11.3305 2.63538 10.9643C1.42058 10.2176 0.212463 8.83259 0.187947 6.38062C0.163902 3.97575 1.11355 2.587 2.13375 1.81616C2.63171 1.43991 3.12954 1.22329 3.50294 1.10027C3.69026 1.03855 3.84839 0.999684 3.96267 0.975868C4.01989 0.963945 4.06636 0.955744 4.10027 0.950316C4.11724 0.947601 4.13108 0.945576 4.14159 0.944124L4.15484 0.942358L4.15953 0.941769L4.16139 0.941543L4.1622 0.941446C4.16257 0.941403 4.16292 0.941361 4.22872 1.5L4.1622 0.941446L4.19571 0.9375ZM4.26997 2.0625C4.25203 2.06549 4.22575 2.07021 4.19218 2.07721C4.11398 2.09351 3.99723 2.1219 3.85498 2.16877C3.56924 2.26291 3.18912 2.42877 2.81194 2.71376C2.08184 3.2654 1.29234 4.31414 1.31289 6.36938C1.33297 8.37752 2.28763 9.43001 3.22447 10.0058C3.70444 10.3008 4.18756 10.4737 4.55306 10.5724C4.73484 10.6215 4.88477 10.6515 4.98688 10.669C5.03785 10.6778 5.07667 10.6833 5.1013 10.6866C5.10355 10.6869 5.10569 10.6871 5.10771 10.6874C5.76441 10.683 6.21815 10.5416 6.55042 10.3546C6.89104 10.1629 7.13992 9.90327 7.35877 9.61404C7.46458 9.47422 7.55912 9.33345 7.65787 9.18641L7.67313 9.1637C7.77297 9.01508 7.8831 8.85179 8.00097 8.70698C8.23778 8.41606 8.59073 8.09441 9.13398 8.09441C9.6812 8.09441 10.0292 8.42071 10.2609 8.71155C10.3706 8.8492 10.4746 9.00486 10.569 9.14611L10.5815 9.1648C10.6838 9.31787 10.7824 9.46461 10.8943 9.6092C11.1139 9.89292 11.3735 10.1532 11.7416 10.3472C12.1049 10.5387 12.6087 10.6838 13.3424 10.6874C13.3439 10.6873 13.3456 10.6871 13.3473 10.6869C13.368 10.6844 13.4015 10.6799 13.4459 10.6727C13.5349 10.658 13.6667 10.6321 13.8268 10.5879C14.1487 10.4989 14.5748 10.3389 14.9976 10.0563C15.8156 9.50956 16.6875 8.46406 16.6875 6.375C16.6875 4.25124 15.9198 3.20305 15.2331 2.6706C14.8779 2.3952 14.5221 2.24075 14.2564 2.1556C14.124 2.11316 14.0158 2.08853 13.944 2.07485C13.9117 2.0687 13.887 2.0648 13.8709 2.0625H4.26997ZM13.8498 2.05973C13.8494 2.05969 13.8497 2.05972 13.8508 2.05985L13.8498 2.05973Z",fill:Q?"white":"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.625 5.0625C4.77651 5.0625 4.3125 5.59288 4.3125 6C4.3125 6.40712 4.77651 6.9375 5.625 6.9375C6.47349 6.9375 6.9375 6.40712 6.9375 6C6.9375 5.59288 6.47349 5.0625 5.625 5.0625ZM3.1875 6C3.1875 4.75027 4.40242 3.9375 5.625 3.9375C6.84758 3.9375 8.0625 4.75027 8.0625 6C8.0625 7.24973 6.84758 8.0625 5.625 8.0625C4.40242 8.0625 3.1875 7.24973 3.1875 6Z",fill:Q?"white":"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.375 5.0625C11.5265 5.0625 11.0625 5.59288 11.0625 6C11.0625 6.40712 11.5265 6.9375 12.375 6.9375C13.2235 6.9375 13.6875 6.40712 13.6875 6C13.6875 5.59288 13.2235 5.0625 12.375 5.0625ZM9.9375 6C9.9375 4.75027 11.1524 3.9375 12.375 3.9375C13.5976 3.9375 14.8125 4.75027 14.8125 6C14.8125 7.24973 13.5976 8.0625 12.375 8.0625C11.1524 8.0625 9.9375 7.24973 9.9375 6Z",fill:Q?"white":"black"})]})})]})]})});b.displayName="Timer";var L=function(n){var t=n.progressEndDate,l=n.leftTime,o=n.progressTime,r=n.className,c=void 0===r?"":r,s=i(0),d=s[0],u=s[1],h=i(Date.now())[0];return a(function(){var e=null;if(!t||l||o){if(void 0!==l&&void 0!==o){var n=Math.max(0,Math.min(100,(o-l)/o*100));u(n)}}else{var i=function(){var n=Date.now(),i=Math.max(0,t-n),l=t-h,a=n-h,o=Math.max(0,Math.min(100,a/l*100));u(o),i<=0&&(u(100),e&&clearInterval(e))};i(),e=setInterval(i,100)}return function(){e&&clearInterval(e)}},[t,l,o,h]),e("div",{className:"progress-bar ".concat(c),children:e("div",{className:"progress-fill",style:{width:"".concat(d,"%")}})})};function w(){var t=i(null),l=t[0],a=t[1];return n("div",{className:"gain",children:[e("button",{onClick:function(){a(200),setTimeout(function(){return a(null)},2e3)},children:"Gain 200"}),e("div",{className:"score-area",children:l&&n("div",{className:"points",children:["+",l]})})]})}L.displayName="ProgressBar";var N=function(t){var i=t.className,l=t.disabled;return e("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",width:"20",height:"20",overflow:"visible",className:i,viewBox:"0 0 21 21",fill:"none",children:n("g",{id:"send-email-1",children:[e("path",{id:"Shape",fillRule:"evenodd",clipRule:"evenodd",d:"M1.90273 8.85333C1.37949 8.70573 1.01357 8.2343 1.00037 7.6908C0.987168 7.1473 1.32977 6.65867 1.84523 6.48583L18.5711 1.03083C18.7945 0.958012 19.0398 1.01645 19.2064 1.18215C19.373 1.34785 19.4327 1.5929 19.3611 1.81667L13.9102 18.5508C13.7382 19.0672 13.249 19.4107 12.7049 19.3973C12.1608 19.3839 11.6892 19.0167 11.5427 18.4925L9.67106 10.7167L1.90273 8.85333Z",stroke:l?"#999FA1":"#009CDF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{id:"Shape_2",d:"M19.2069 1.18083L9.67106 10.7167",stroke:l?"#999FA1":"#009CDF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})},x=function(n){var t=n.className,i=n.disabled;return e("svg",{width:"20",height:"20",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e("path",{d:"M10.1221 5.00073C10.5362 5.00073 10.8719 5.33666 10.8721 5.75073C10.8721 6.16495 10.5363 6.50073 10.1221 6.50073H2.62207C2.20796 6.50073 1.87223 6.83666 1.87207 7.25073V22.2507C1.87207 22.6649 2.20786 23.0007 2.62207 23.0007H17.6221C18.0363 23.0007 18.3721 22.6649 18.3721 22.2507V14.7507C18.3722 14.3367 18.708 14.0007 19.1221 14.0007C19.5362 14.0007 19.8719 14.3367 19.8721 14.7507V22.2507C19.8721 23.4934 18.8647 24.5007 17.6221 24.5007H2.62207C1.37943 24.5007 0.37207 23.4934 0.37207 22.2507V7.25073C0.37223 6.00823 1.37953 5.00073 2.62207 5.00073H10.1221ZM18.501 1.37866C19.6725 0.207539 21.5717 0.207579 22.7432 1.37866C23.9145 2.55026 23.9147 4.45033 22.7432 5.62183L13.1973 15.1677C13.0826 15.2823 12.9339 15.3567 12.7734 15.3796L9.06152 15.9109C8.56668 15.9817 8.14253 15.5571 8.21289 15.0623L8.74219 11.3494C8.76511 11.1888 8.84046 11.0403 8.95508 10.9255L18.501 1.37866ZM21.6826 2.44019C21.0968 1.85439 20.1473 1.85439 19.5615 2.44019L10.1924 11.8093L9.83887 14.2839L12.3135 13.9304L21.6826 4.56128C22.2683 3.9756 22.2681 3.02601 21.6826 2.44019Z",fill:i?"#999FA1":"#009CDF"})})},k=function(n){var t=n.className,i=n.disabled;return e("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",width:"20",height:"20",overflow:"visible",className:t,viewBox:"0 0 24 22",fill:"none",children:e("path",{id:"color",d:"M14.6025 0C15.9552 0.000251909 17.0595 1.08982 17.0596 2.44434V3.42188H23.2773C23.6764 3.422 23.9998 3.75048 24 4.15527C24 4.52653 23.7278 4.83328 23.375 4.88184L23.2773 4.88867H20.5312V19.5557C20.531 20.9101 19.426 21.9999 18.0732 22H5.92871C4.57593 22 3.47095 20.9102 3.4707 19.5557V4.88867H0.722656C0.323522 4.88854 0 4.5602 0 4.15527C0.000141537 3.78415 0.272248 3.47726 0.625 3.42871L0.722656 3.42188H6.93945V2.44434C6.93951 1.08966 8.04456 0 9.39746 0H14.6025ZM4.91602 19.5557C4.91625 20.0551 5.30736 20.4737 5.81738 20.5273L5.92773 20.5332H18.0723C18.6355 20.5332 19.0847 20.0908 19.085 19.5557V4.88867H4.91602V19.5557ZM9.39648 8.55566C9.76246 8.55566 10.0654 8.83151 10.1133 9.18945L10.1191 9.28906V16.1338C10.1189 16.5386 9.79557 16.8662 9.39648 16.8662C9.03062 16.8661 8.72852 16.5903 8.68066 16.2324L8.67383 16.1338V9.28906C8.67383 8.88413 8.99735 8.55579 9.39648 8.55566ZM14.6016 8.55566C14.9675 8.55566 15.2705 8.83151 15.3184 9.18945L15.3242 9.28906V16.1328C15.3242 16.5378 15.0008 16.8662 14.6016 16.8662C14.2357 16.8661 13.9336 16.5903 13.8857 16.2324L13.8789 16.1328V9.28906C13.8789 8.88411 14.2024 8.55576 14.6016 8.55566ZM9.39648 1.4668C8.83325 1.46697 8.38483 1.90918 8.38477 2.44434V3.42188H15.6133V2.44434C15.6132 1.94484 15.2229 1.52638 14.7129 1.47266L14.6016 1.4668H9.39648Z",fill:i?"#999FA1":"#009CDF"})})},M=function(t){var l,o,c,s=t.title,d=void 0===s?"Achat 3":s,h=t.volume,v=void 0===h?"":h,C=t.price,m=void 0===C?"":C,f=t.defaultPrice,g=t.showSecondInput,b=void 0===g||g,L=t.showTrashButton,w=void 0!==L&&L,M=t.disabled,y=void 0!==M&&M,R=t.volumeMax,V=t.priceMax,Z=t.iconType,_=void 0===Z?"send":Z,H=t.labels,P=t.onVolumeChange,F=t.onPriceChange,S=t.onSend,z=t.onClear,T=t.className,B=void 0===T?"":T,I=i(v),A=I[0],D=I[1],j=i(m),W=j[0],E=j[1],O=i(!1),U=O[0],q=O[1];a(function(){D(v)},[v]),a(function(){E(m)},[m]);var Q=function(){var e=parseFloat(A);if(!isNaN(e))if(b){var n=parseFloat(W);if(!isNaN(n))return e*n}else if(void 0!==f)return e*f;return 0},G=""===A.trim();return n("div",{className:"buyline ".concat(B),children:[n("div",{className:"buyline__container",children:[n("div",{className:"buyline__content",children:[n("div",{className:"buyline__inputs",children:[e("div",{className:"buyline__title",children:d}),n("div",{className:"buyline__input_container",children:[(null==H?void 0:H.find(function(e){return"volume"===e.key}))&&e("div",{className:"buyline__label--description",children:null===(l=H.find(function(e){return"volume"===e.key}))||void 0===l?void 0:l.label}),e(r,{label:"MWh",value:A,onChange:function(e){D(e),null==P||P(e)},disabled:y,min:{value:0},max:R||{value:9999},showSuccess:U})]}),b&&n("div",{className:"buyline__input_container",children:[(null==H?void 0:H.find(function(e){return"price"===e.key}))&&e("div",{className:"buyline__label--description",children:null===(o=H.find(function(e){return"price"===e.key}))||void 0===o?void 0:o.label}),e(r,{label:"€/MWh",value:W,onChange:function(e){E(e),null==F||F(e)},disabled:y,min:{value:0},max:V||{value:9999},showSuccess:U})]})]}),n("div",{className:"buyline__recette",children:[(null==H?void 0:H.find(function(e){return"total"===e.key}))&&e("div",{className:"buyline__label--description",children:null===(c=H.find(function(e){return"total"===e.key}))||void 0===c?void 0:c.label}),e("div",{className:"buyline__total",children:e(u,{width:"fit-content",bgColor:0===Q()?"#F2F4F4":"#E1F5FD",children:e(p,{cost:Q(),textColor:0===Q()?"#999FA1":"#005896",type:"euro"})})})]})]}),n("div",{className:"buyline__actions",children:[!y&&e("button",{className:"buyline__send ".concat(G?"buyline__send--disabled":""),onClick:function(){""!==A.trim()&&(q(!0),setTimeout(function(){q(!1)},1e3),null==S||S())},disabled:G,"aria-label":"edit"===_?"Edit":"Send",children:e("edit"===_?x:N,{className:"buyline__icon",disabled:G})}),w&&e("button",{className:"buyline__trash",onClick:function(){D(""),E(""),null==z||z()},"aria-label":"Clear",children:e(k,{className:"buyline__icon",disabled:!1})})]})]}),e("div",{className:"buyline__border"})]})},y={plusIcon:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 0C8.27614 0 8.50436 0.205203 8.54048 0.47144L8.54545 0.545455V7.45455H15.4545C15.7558 7.45455 16 7.69875 16 8C16 8.27614 15.7948 8.50436 15.5286 8.54048L15.4545 8.54545H8.54545V15.4545C8.54545 15.7558 8.30125 16 8 16C7.72386 16 7.49564 15.7948 7.45953 15.5286L7.45455 15.4545V8.54545H0.545455C0.244208 8.54545 0 8.30125 0 8C0 7.72386 0.205203 7.49564 0.47144 7.45953L0.545455 7.45455H7.45455V0.545455C7.45455 0.244208 7.69875 0 8 0Z",fill:"white"})})},R=function(t){var i=t.text,l=t.icon,a=t.onClick,o=t.disabled,r=void 0!==o&&o,c=t.className;return n("button",{className:"button ".concat(void 0===c?"":c),onClick:a,disabled:r,"data-name":"Button",children:[l&&y[l]&&e("div",{className:"button-icon","data-name":l,children:y[l]}),e("div",{className:"button-text",children:e("p",{children:i})})]})};export{m as Avatar,R as Button,M as BuyLine,u as Chip,w as Gain,C as Histogram,r as InputNumber,v as ProductionUnit,h as ProductionUnitContainer,L as ProgressBar,d as Switch,b as Timer,p as ValueWithUnit};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as i,useRef as l,useEffect as a,useCallback as o}from"react";var r=function(t){var o=t.label,r=t.value,c=void 0===r?"":r,s=t.onChange,d=t.disabled,u=void 0!==d&&d,h=t.className,v=void 0===h?"":h,C=t.required,m=void 0!==C&&C,p=t.min,f=void 0===p?{value:0}:p,g=t.max,b=void 0===g?{value:100}:g,L=t.showSuccess,w=void 0!==L&&L,N=i(c),x=N[0],k=N[1],M=i(!1),y=M[0],R=M[1],V=i(!1),Z=V[0],_=V[1],H=i(54),P=H[0],F=H[1],S=l(null),z=l(null);a(function(){if(z.current){var e=document.createElement("canvas").getContext("2d");if(e){var n=window.getComputedStyle(z.current);e.font="".concat(n.fontSize," ").concat(n.fontFamily);var t=e.measureText(o+(m?"*":"")).width,i=Math.max(54,t+32);F(i)}}},[o,m]),a(function(){k(c)},[c]);var T=["input-container",y?"input-container--focused":"",y||x.length>0?"input-container--floating":"",u?"input-container--disabled":"",Z?"input-container--error":"",w?"input-container--success":"",v].filter(Boolean).join(" ");return e("div",{className:T,children:n("div",{className:"input-constraints",children:[f.label&&n("div",{className:"input-min",children:[f.label,e("br",{}),f.value]}),n("div",{className:"input-field",style:{width:"".concat(P,"px")},children:[e("input",{ref:S,type:"number",value:x,onChange:function(e){var n=e.target.value;if(k(n),""!==n){var t=parseFloat(n);if(isNaN(t))_(!1),null==s||s(n);else{var i=t<f.value||t>b.value;if(_(i),i){var l=Math.max(f.value,Math.min(b.value,t));null==s||s(l.toString())}else null==s||s(n)}}else _(!1),null==s||s(n)},onFocus:function(){R(!0),S.current&&S.current.select()},onBlur:function(){if(R(!1),""!==x){var e=parseFloat(x);if(!isNaN(e)){var n=Math.max(f.value,Math.min(b.value,e));if(n!==e){var t=n.toString();k(t),null==s||s(t)}_(!1)}}},disabled:u,required:m,className:"input-element",style:{width:"".concat(P,"px")},"aria-label":o,min:f.value,max:b.value,step:1}),n("label",{ref:z,className:"input-label",children:[o,m&&e("span",{className:"input-required",children:"*"})]})]}),b.label&&n("div",{className:"input-max",children:[b.label,e("br",{})," ",b.value]})]})})},c=function(n){var t=n.isOff;return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M9.56529 2.85352C9.66365 2.57607 9.96837 2.43116 10.246 2.5293C13.4295 3.65507 15.3392 6.91015 14.7684 10.2383C14.1974 13.5667 11.3114 16 7.93443 16C4.55739 16 1.67151 13.5667 1.10045 10.2383C0.5296 6.91011 2.4393 3.65504 5.62291 2.5293C5.9005 2.43115 6.20523 2.57605 6.30357 2.85352C6.40176 3.13124 6.2561 3.43599 5.97838 3.53418C3.28438 4.48672 1.669 7.2423 2.1522 10.0586C2.63557 12.8747 5.07706 14.9336 7.93443 14.9336C10.7918 14.9336 13.2333 12.8747 13.7167 10.0586C14.1999 7.24233 12.5844 4.48676 9.89049 3.53418C9.61276 3.43599 9.4671 3.13124 9.56529 2.85352ZM7.93443 0C8.22892 3.10447e-05 8.46754 0.238727 8.46763 0.533203V7.4668C8.46763 7.76135 8.22898 8.00095 7.93443 8.00098C7.63986 8.00098 7.40123 7.76137 7.40123 7.4668V0.533203C7.40132 0.238707 7.63991 0 7.93443 0Z",fill:t?"#999FA1":"#009CDF"})})},s=function(n){var t=n.isOff;return e("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("circle",{cx:"16",cy:"16",r:"16",fill:t?"white":"#009cdf"})})},d=function(t){var l=t.checked,a=void 0!==l&&l,o=t.onChange,r=t.disabled,d=void 0!==r&&r,u=t.showIcon,h=void 0===u||u,v=t.label,C=i(a),m=C[0],p=C[1],f=void 0!==a?a:m,g=["switch",f?"switch--checked":"",d?"switch--disabled":""].filter(Boolean).join(" "),b=["switch-wrapper",f?"switch-wrapper--checked":""].filter(Boolean).join(" ");return e("div",{className:"switch-container",children:n("div",{className:b,children:[h?e("div",{className:"switch-icon",children:e(c,{isOff:!f})}):v?e("div",{className:"switch-label",children:v}):null,e("button",{type:"button",role:"switch","aria-checked":f,className:g,onClick:function(){if(!d){var e=!f;void 0===a&&p(e),null==o||o(e)}},disabled:d,children:e("span",{className:"switch-track",children:e("span",{className:"switch-thumb",children:e(s,{isOff:!f})})})})]})})},u=function(n){var t=n.children,i=n.bgColor,l=n.width,a=["chip-container","full-width"===(void 0===l?"fit-content":l)?"chip-container--full-width":"chip-container--fit-content"].join(" ");return e("div",{className:a,style:{backgroundColor:i},children:e("div",{className:"chip-content",children:e("div",{className:"chip-label",children:t})})})},h=function(n){var t=n.bgColor,i=void 0===t?"#fff":t,l=n.children,a=n.height;return e("div",{className:"production-unit-container-box",style:{backgroundColor:i,height:a},children:l})},v=function(t){var l=t.onChangeInput,a=t.onChangeSwitch,o=t.defaultValue,c=t.defaultChecked,s=void 0!==c&&c,v=t.value,C=t.checked,m=t.unitName,f=void 0===m?"Production Unit":m,g=t.energyCost,b=void 0===g?0:g,L=t.checkedImage,w=t.uncheckedImage,N=t.readonly,x=void 0!==N&&N,k=t.min,M=void 0===k?{value:10,label:"Pmin"}:k,y=t.max,R=void 0===y?{value:100,label:"Pmax"}:y,V=t.unitLabel,Z=void 0===V?"W":V,_=i(s),H=_[0],P=_[1],F=i(o),S=F[0],z=F[1],T=void 0!==C?C:H,B=void 0!==v?v:S;return e(h,{children:n("div",{className:"production-unit-container",children:[n("div",{className:"production-unit-content",children:[n("div",{className:"image-preview-container",children:[T?L:w,e("div",{className:"image-preview-label",children:Z})]}),n("div",{className:"production-unit-chip",children:[e("div",{className:"production-unit-chip-name",children:f}),e(u,{width:"fit-content",bgColor:"#E1F5FD",children:e(p,{cost:b,textColor:"#005896"})})]}),n("div",{className:"production-unit-switch-container",children:[e(r,{label:"PA",onChange:function(e){if(""===e)return void 0===v&&z(void 0),void(l&&l(0));var n=parseFloat(e);isNaN(n)||(void 0===v&&z(n),l&&l(n))},value:void 0!==B?B.toString():void 0,disabled:!T||x,min:{value:M.value,label:M.label},max:{value:R.value,label:R.label}})," "]})]}),e(d,{checked:T,onChange:function(e){void 0===C&&P(e),a&&a(e)},disabled:x})]})})},C=function(t){var o,r,c,s,d=t.max,u=t.relative,h=t.barHeight,v=void 0===h?103:h,C=t.barWidth,m=void 0===C?32:C,p=t.orientation,f=void 0===p?"vertical":p,g=t.cornerRadius,b=t.showGain,L=void 0!==b&&b,w=t.children,N=i(0),x=N[0],k=N[1],M=i(0),y=M[0],R=M[1],V=i(null),Z=V[0],_=V[1],H=i(!0),P=H[0],F=H[1],S=l(u.value),z=l(!0),T=l(null),B=l(0),I=l(u.value),A=Math.min(u.value/d.value*100,100)/100*v,D=Math.min(u.value/d.value*100,100)/100*("horizontal"===f?v:m);a(function(){if(z.current)return z.current=!1,S.current=u.value,void(I.current=u.value);if(L&&u.value!==S.current){var e=u.value-S.current;T.current?(clearTimeout(T.current),B.current+=e):(I.current=S.current,B.current=e),S.current=u.value;var n=u.value-I.current,t=n>0;return _(Math.abs(n)),F(t),T.current=setTimeout(function(){_(null),T.current=null,B.current=0,I.current=u.value},2e3),function(){T.current&&(clearTimeout(T.current),T.current=null)}}L||(S.current=u.value,I.current=u.value)},[u.value,L]),a(function(){return function(){T.current&&clearTimeout(T.current)}},[]),a(function(){k(0),R(0);var e=Date.now(),n=function(){var t=Date.now()-e,i=Math.min(t/1e3,1),l=1-Math.pow(1-i,4);k(A*l),R(D*l),i<1&&requestAnimationFrame(n)};requestAnimationFrame(n)},[A,D]);var j="horizontal"===f?v:m,W="horizontal"===f?m:v,E="horizontal"===f?v:m,O="horizontal"===f?m:v,U=function(e,n,t,i,l){var a=l.topLeft,o=l.topRight,r=l.bottomLeft,c=l.bottomRight;return"\n      M ".concat(e+a," ").concat(n,"\n      L ").concat(e+t-o," ").concat(n,"\n      Q ").concat(e+t," ").concat(n," ").concat(e+t," ").concat(n+o,"\n      L ").concat(e+t," ").concat(n+i-c,"\n      Q ").concat(e+t," ").concat(n+i," ").concat(e+t-c," ").concat(n+i,"\n      L ").concat(e+r," ").concat(n+i,"\n      Q ").concat(e," ").concat(n+i," ").concat(e," ").concat(n+i-r,"\n      L ").concat(e," ").concat(n+a,"\n      Q ").concat(e," ").concat(n," ").concat(e+a," ").concat(n,"\n      Z\n    ").trim().replace(/\s+/g," ")},q={topLeft:2,topRight:2,bottomLeft:2,bottomRight:2},Q=g?{topLeft:null!==(o=g.topLeft)&&void 0!==o?o:q.topLeft,topRight:null!==(r=g.topRight)&&void 0!==r?r:q.topRight,bottomLeft:null!==(c=g.bottomLeft)&&void 0!==c?c:q.bottomLeft,bottomRight:null!==(s=g.bottomRight)&&void 0!==s?s:q.bottomRight}:q;return e("div",{className:"histogram-container ".concat("horizontal"===f?"histogram-container--horizontal":""),children:n("div",{className:"histogram-content ".concat("horizontal"===f?"histogram-content--horizontal":""),children:[n("div",{className:"histogram-bar",style:{height:"".concat(W,"px"),width:"".concat(j,"px")},children:[n("svg",{width:E,height:O,viewBox:"0 0 ".concat(E," ").concat(O),className:"histogram-svg",children:[e("defs",{children:e("clipPath",{id:"histogram-clip-".concat(E,"-").concat(O,"-").concat(Q.topLeft),children:e("path",{d:U(0,0,E,O,Q)})})}),e("path",{d:U(0,0,E,O,Q),fill:d.color,fillOpacity:d.opacity||1}),e("path","vertical"===f?{d:U(0,O-x,E,x,{topLeft:x>=O?Q.topLeft:0,topRight:x>=O?Q.topRight:0,bottomLeft:Q.bottomLeft,bottomRight:Q.bottomRight}),fill:u.color,clipPath:"url(#histogram-clip-".concat(E,"-").concat(O,"-").concat(Q.topLeft,")")}:{d:U(0,0,y,O,{topLeft:Q.topLeft,topRight:y>=E?Q.topRight:0,bottomLeft:Q.bottomLeft,bottomRight:y>=E?Q.bottomRight:0}),fill:u.color,clipPath:"url(#histogram-clip-".concat(E,"-").concat(O,"-").concat(Q.topLeft,")")})]}),L&&Z&&e("div",{className:"histogram-gain-area",children:n("div",{className:"histogram-gain-points ".concat(P?"histogram-gain-points--positive":"histogram-gain-points--negative"),children:[P?"+":"-",Z]})})]}),w&&e("div",{className:"histogram-text-container ".concat("horizontal"===f?"histogram-text-container--horizontal":""),children:w})]})})},m=function(n){var t=n.children;return e("div",{className:"avatar-container avatar-container--clickable",children:e("div",{className:"avatar-content",children:t})})},p=function(t){var i=t.cost,l=t.textColor,a=t.type,o=void 0===a?"europermegawatt":a,r=t.size,c=void 0===r?"default":r;return n("div",{className:"cost-text-container ".concat("small"===c?"cost-text-container--small":""),children:[e("div",{className:"cost-number ".concat("small"===c?"cost-number--small":""),style:{color:l},children:i}),e("div",{className:"cost-unit ".concat("small"===c?"cost-unit--small":""),style:{color:l},children:"euro"===o||"europermegawatt"===o?"€":"MWh"}),"europermegawatt"===o&&e("div",{className:"cost-unit-per",style:{color:l},children:"/MWh"})]})},f=function(){return f=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var l in n=arguments[t])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e},f.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var g=function(e){var n=Math.floor(e/60),t=e%60;return"".concat(n.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"))},b=t.forwardRef(function(r,c){var s,d=r.phases,u=void 0===d?[]:d,h=r.externalState,v=r.onStateChange,C=r.onComplete,m=r.onPhaseComplete,p=r.onTick,b=r.onUnfreeze,L=r.onUnpause,w=r.onPause,N=r.onFreeze,x=r.onAnonymiseToggle,k=r.onStop,M=r.onReset,y=r.onPrevious,R=r.onNext,V=r.onPhaseClick,Z=r.className,_=void 0===Z?"":Z,H=r.gameActions,P=void 0===H?{}:H,F=r.user,S=void 0===F?"admin":F,z=h.currentPhase,T=h.currentTime,B=h.isRunning,I=h.isPaused,A=h.isFrozen,D=o(function(){return u.findIndex(function(e){return(e.title||"Phase ".concat(u.indexOf(e)+1))===z})},[u,z]),j=o(function(e){return u[e]},[u]),W=o(function(e){var n=u[e];return(null==n?void 0:n.title)||"Phase ".concat(e+1)},[u]),E=i(null),O=E[0],U=E[1],q=i(!1),Q=q[0],G=q[1],K=l(null),J=o(function(){var e=D();if(!(0===u.length||-1===e||e>=u.length)){var n=I&&!A,t=A;v(f(f({},h),{isRunning:!0,isPaused:!1,isFrozen:!1})),t?null==b||b():n&&(null==L||L())}},[u.length,D,h,v,I,A,b,L]),X=o(function(){A||(v(f(f({},h),{isRunning:!1,isPaused:!0})),null==w||w())},[A,h,v,w]),Y=o(function(e){var n=void 0===e?!A:e,t=f(f({},h),{isFrozen:n,isRunning:!n&&!h.isPaused,isPaused:h.isPaused});v(t),null==N||N(n),!n&&A&&(null==b||b())},[A,h,v,N,b]),$=o(function(e){G(function(n){var t=void 0===e?!n:e;return null==x||x(t),t})},[x]),ee=o(function(){v({currentPhase:W(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==k||k()},[v,k,W]),ne=o(function(){v({currentPhase:W(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==M||M()},[v,M,W]),te=o(function(){},[]);t.useImperativeHandle(c,function(){return{start:J,pause:X,freeze:Y,toggleAnonymise:$,stop:ee,reset:ne,setPhases:te,getCurrentTime:function(){return T},getCurrentPhase:function(){return z},isRunning:function(){return B},isPaused:function(){return I}}}),a(function(){var e=D();return B&&!A&&-1!==e&&e<u.length?K.current=setInterval(function(){var n=T+1e3,t=j(e),i=(null==t?void 0:t.duration)||0,l=n>=i,a=l?i:n;v(f(f({},h),{currentTime:a})),null==p||p(Math.floor(a/1e3),W(e)),l&&setTimeout(function(){null==m||m(W(e),i),e+1<u.length?v(f(f({},h),{currentPhase:W(e+1),currentTime:0})):(v(f(f({},h),{currentTime:i,isRunning:!1,isPaused:!1})),null==C||C())},1e3)},1e3):K.current&&(clearInterval(K.current),K.current=null),function(){K.current&&clearInterval(K.current)}},[B,A,D,T,u.length,h,v,p,m,C,j,W]),a(function(){U(null)},[z]);var ie=D(),le=j(ie),ae=(null==le?void 0:le.duration)||0,oe=Math.floor(T/1e3),re=Math.floor(ae/1e3),ce=ae>0?T/ae*100:0,se=u.length>0&&!B&&ie===Math.max(0,u.length-1)&&T>=ae,de=["timer-header-control",_,B?"timer--running":"",I?"timer--paused":"",A?"timer--frozen":"",se?"timer--completed":""].filter(Boolean).join(" "),ue=se||T>=ae?0:re>0?re-oe:0;return n("div",{className:de,children:[e("div",{className:"timer-section",children:e("div",{className:"timer-content",children:n("div",{className:"timer-display-area",children:["admin"===S&&n("div",{className:"timer-header",children:[e("span",{className:"timer-title",children:null!==O?((null===(s=j(O))||void 0===s?void 0:s.title)||"Phase ".concat(O+1)).toUpperCase():((null==le?void 0:le.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,ue))})]}),"admin"===S&&e("div",{className:"timer-progress-bar",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,ce),"%")}})}),function(){for(var t,i,l,a=[],o=u.length,r=function(o){var r=o===ie,c=o<ie,s=P[o],d=r||c,h="step-indicator";h+=s||r||c?r?" step-indicator--active"+("actor"===S?" step-indicator--actor":" step-indicator--admin"):c?" step-indicator--completed":" step-indicator--upcoming":" step-indicator--placeholder",d&&(h+=" step-indicator--clickable"),O===o&&(h+=" step-indicator--selected");var v=function(){d&&(U(o),null==V||V(W(o)))},C={className:h,"data-step":o+1,title:(null===(t=u[o])||void 0===t?void 0:t.title)?"Step ".concat(o+1,": ").concat(null===(i=u[o])||void 0===i?void 0:i.title):s?"Step ".concat(o+1,": ").concat(s):"Step ".concat(o+1),onClick:d?v:void 0,role:d?"button":void 0,tabIndex:d?0:void 0,onKeyDown:d?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v())}:void 0};a.push(e("div",f({},C,{children:s||r||c?o+1:""}),o)),"actor"===S&&r&&a.push(n("div",{className:"timer-header--block",children:[n("div",{className:"timer-header timer-header--inline",children:[e("span",{className:"timer-title",children:null!==O?((null===(l=j(O))||void 0===l?void 0:l.title)||"Phase ".concat(O+1)).toUpperCase():((null==le?void 0:le.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,ue))})]}),e("div",{className:"timer-progress-bar timer-progress-bar--inline",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,ce),"%")}})})]},"header-inline-".concat(o)))},c=0;c<o;c++)r(c);return n("div",{className:"step-indicators",children:[a,e("div",{className:"step-expand ".concat(se?"step-expand--end":""),title:se?"All steps completed":"In progress",children:"actor"===S?n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"24",width:"24",height:"24",rx:"12",transform:"rotate(90 24 0)",fill:"#292E33"}),e("path",{d:"M20 12C20 12.276 19.776 12.5 19.5 12.5L17.4766 12.5C17.238 15.1345 15.1345 17.238 12.5 17.4766L12.5 19.5C12.5 19.776 12.276 20 12 20C11.724 20 11.5 19.776 11.5 19.5L11.5 17.4766C8.86554 17.238 6.763 15.1345 6.52441 12.5L4.5 12.5C4.224 12.5 4 12.276 4 12C4 11.724 4.224 11.5 4.5 11.5L6.52441 11.5C6.763 8.86555 8.86554 6.76198 11.5 6.52344L11.5 4.5C11.5 4.224 11.724 4 12 4C12.276 4 12.5 4.224 12.5 4.5L12.5 6.52344C15.1345 6.76199 17.238 8.86551 17.4766 11.5L19.5 11.5C19.776 11.5 20 11.724 20 12ZM16.5 12C16.5 9.51867 14.4813 7.5 12 7.5C9.51867 7.5 7.5 9.51867 7.5 12C7.5 14.4813 9.51867 16.5 12 16.5C14.4813 16.5 16.5 14.4813 16.5 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z",fill:"white"})]}):e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M16 8C16 8.276 15.776 8.5 15.5 8.5L13.4766 8.5C13.238 11.1345 11.1345 13.238 8.5 13.4766L8.5 15.5C8.5 15.776 8.276 16 8 16C7.724 16 7.5 15.776 7.5 15.5L7.5 13.4766C4.86554 13.238 2.763 11.1345 2.52441 8.5L0.5 8.5C0.224 8.5 -3.61755e-07 8.276 -3.49691e-07 8C-3.29564e-07 7.724 0.224 7.5 0.5 7.5L2.52441 7.5C2.763 4.86555 4.86554 2.76198 7.5 2.52344L7.5 0.5C7.5 0.224 7.724 -3.61755e-07 8 -3.4969e-07C8.276 -3.29563e-07 8.5 0.224 8.5 0.5L8.5 2.52344C11.1345 2.76199 13.238 4.86551 13.4766 7.5L15.5 7.5C15.776 7.5 16 7.724 16 8ZM12.5 8C12.5 5.51867 10.4813 3.5 8 3.5C5.51867 3.5 3.5 5.51867 3.5 8C3.5 10.4813 5.51867 12.5 8 12.5C10.4813 12.5 12.5 10.4813 12.5 8ZM10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z",fill:"currentColor"})})})]})}()]})})}),"admin"===S&&n("div",{className:"timer-controls-section",children:[e("button",{className:"control-button control-button--previous",onClick:function(){var e=null!==O?O-1:ie-1;e>=0&&(U(e),null==y||y(W(e)))},disabled:null!==O?O<=0:ie<=0,title:"Previous",children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.9813 2.39178C12.1589 2.38845 12.3342 2.43251 12.4892 2.51941C12.6441 2.60631 12.7731 2.73291 12.8629 2.88621C12.9527 3.0395 13 3.21395 13 3.3916L12.5 3.3916H13V12.6085C13 12.7862 12.9527 12.9606 12.8629 13.1139C12.7731 13.2672 12.6441 13.3938 12.4892 13.4807C12.3342 13.5676 12.1589 13.6117 11.9813 13.6084C11.8037 13.605 11.6301 13.5545 11.4785 13.4618L3.93741 8.85335C3.79124 8.76403 3.67046 8.63865 3.58667 8.48923C3.50287 8.33982 3.45886 8.17138 3.45886 8.00007C3.45886 7.82877 3.50287 7.66033 3.58667 7.51092C3.67046 7.3615 3.79124 7.23612 3.93741 7.14679L11.4785 2.53832C11.6301 2.44568 11.8037 2.3951 11.9813 2.39178ZM12 3.3916L4.45886 8.00007L4.19814 7.57343L4.45886 8.00007L12 12.6085V3.3916Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 2C2.27614 2 2.5 2.22386 2.5 2.5V13.5C2.5 13.7761 2.27614 14 2 14C1.72386 14 1.5 13.7761 1.5 13.5V2.5C1.5 2.22386 1.72386 2 2 2Z",fill:"black"})]})}),e("button",{className:"control-button control-button--next",onClick:function(){var e=(null!==O?O:ie)+1;e<u.length&&e<=ie&&(U(e),null==R||R(W(e)))},disabled:null!==O?O>=ie||O>=u.length-1:ie>=u.length-1,title:"Next",children:n("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.51084 2.51941C3.66579 2.43251 3.84109 2.38845 4.01871 2.39178C4.19633 2.3951 4.36986 2.44568 4.52145 2.53832L12.0626 7.14679C12.2088 7.23612 12.3295 7.3615 12.4133 7.51092C12.4971 7.66033 12.5411 7.82877 12.5411 8.00007C12.5411 8.17138 12.4971 8.33982 12.4133 8.48923C12.3295 8.63865 12.2088 8.76403 12.0626 8.85335L4.52145 13.4618C4.36986 13.5545 4.19633 13.605 4.01871 13.6084C3.84109 13.6117 3.66579 13.5676 3.51084 13.4807C3.3559 13.3938 3.2269 13.2672 3.13711 13.1139C3.04733 12.9606 3 12.7862 3 12.6085V3.3916C3 3.21395 3.04733 3.0395 3.13711 2.88621C3.22689 2.73292 3.35589 2.60631 3.51084 2.51941ZM11.5411 8.00007L4 3.3916V12.6085L11.5411 8.00007Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 2C14.2761 2 14.5 2.22386 14.5 2.5V13.5C14.5 13.7761 14.2761 14 14 14C13.7239 14 13.5 13.7761 13.5 13.5V2.5C13.5 2.22386 13.7239 2 14 2Z",fill:"black"})]})}),e("button",{className:"control-button control-button--play-pause ".concat(B?"control-button--pause":"control-button--play"," ").concat(A?"control-button--disabled":""),onClick:B?X:J,title:A?"Frozen":B?"Pause":I?"Resume":"Start",disabled:A,children:n("svg",B?{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 4.5C7.85786 4.5 4.5 7.85786 4.5 12C4.5 15.1788 6.47789 17.8975 9.27283 18.989C9.65866 19.1397 9.8493 19.5746 9.69862 19.9604C9.54794 20.3463 9.113 20.5369 8.72717 20.3862C5.37607 19.0775 3 15.8172 3 12C3 7.02944 7.02944 3 12 3C16.2192 3 19.7585 5.90255 20.7337 9.81878C20.9078 10.5179 21 11.2487 21 12C21 12.4142 20.6642 12.75 20.25 12.75C19.8358 12.75 19.5 12.4142 19.5 12C19.5 11.3719 19.4229 10.7628 19.2781 10.1812C18.4655 6.91754 15.5141 4.5 12 4.5Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.75 15.75V22.25H20.25V15.75H18.75ZM17.25 15.3636C17.25 14.5918 17.9689 14.25 18.4615 14.25H20.5385C21.0311 14.25 21.75 14.5918 21.75 15.3636V22.6364C21.75 23.4082 21.0311 23.75 20.5385 23.75H18.4615C17.9689 23.75 17.25 23.4082 17.25 22.6364V15.3636Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.75 15.75V22.25H14.25V15.75H12.75ZM11.25 15.3636C11.25 14.5918 11.9689 14.25 12.4615 14.25H14.5385C15.0311 14.25 15.75 14.5918 15.75 15.3636V22.6364C15.75 23.4082 15.0311 23.75 14.5385 23.75H12.4615C11.9689 23.75 11.25 23.4082 11.25 22.6364V15.3636Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.54996 7.40004C8.21858 7.64857 8.15143 8.11867 8.39996 8.45004L11.4 12.45C11.6485 12.7814 12.1186 12.8486 12.45 12.6C12.7813 12.3515 12.8485 11.8814 12.6 11.55L9.59996 7.55004C9.35143 7.21867 8.88133 7.15152 8.54996 7.40004Z",fill:"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 0.75C9 0.335786 9.33579 0 9.75 0H14.25C14.6642 0 15 0.335786 15 0.75C15 1.16421 14.6642 1.5 14.25 1.5H9.75C9.33579 1.5 9 1.16421 9 0.75Z",fill:"black"})]}:{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M20.25 12C20.25 11.3103 20.1654 10.6404 20.0059 10C19.112 6.41005 15.8666 3.75 12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 15.498 5.92698 18.4875 9 19.6876",stroke:"black",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round"}),e("path",{d:"M12 12L9 8",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M9.75 0.75H14.25",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M20.7759 18.1242L13.7125 14.0646C13.6415 14.0238 13.5603 14.0015 13.4771 14.0001C13.3939 13.9986 13.3118 14.018 13.2392 14.0563C13.1667 14.0946 13.1063 14.1503 13.0642 14.2178C13.0222 14.2854 13 14.3622 13 14.4404V22.5596C13 22.6378 13.0222 22.7146 13.0642 22.7822C13.1063 22.8497 13.1667 22.9054 13.2392 22.9437C13.3118 22.982 13.3939 23.0014 13.4771 22.9999C13.5603 22.9985 13.6415 22.9762 13.7125 22.9354L20.7759 18.8758C20.8443 18.8365 20.9009 18.7813 20.9401 18.7154C20.9794 18.6496 21 18.5755 21 18.5C21 18.4245 20.9794 18.3504 20.9401 18.2846C20.9009 18.2187 20.8443 18.1635 20.7759 18.1242V18.1242Z",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e("button",{className:"control-button control-button--freeze ".concat(A?"control-button--freeze-active":""),onClick:function(){return Y()},title:A?"Unfreeze":"Freeze",disabled:!B&&!I&&!A,children:e("svg",{width:"14",height:"12",viewBox:"0 0 14 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M8.14697 0.146484C8.34224 -0.0486747 8.65878 -0.0487434 8.854 0.146484C9.04889 0.341739 9.04905 0.658358 8.854 0.853516L7.50049 2.20703V5.13281L10.0337 3.66992L10.5298 1.82129C10.6012 1.5547 10.8755 1.3966 11.1421 1.46777C11.4088 1.53922 11.5679 1.8134 11.4966 2.08008L11.0767 3.64648L12.6421 4.06543C12.9088 4.1369 13.0681 4.41198 12.9966 4.67871C12.925 4.94527 12.6499 5.10368 12.3833 5.03223L10.5347 4.53613L7.99951 5.99902L10.5347 7.46191L12.3833 6.96777C12.65 6.8963 12.9251 7.05456 12.9966 7.32129C13.068 7.58799 12.9088 7.86213 12.6421 7.93359L11.0767 8.35352L11.4966 9.91992C11.5677 10.1865 11.4086 10.4608 11.1421 10.5322C10.8756 10.6033 10.6013 10.4451 10.5298 10.1787L10.0337 8.32812L7.50049 6.86523V9.79297L8.854 11.1465C9.04889 11.3417 9.04905 11.6584 8.854 11.8535C8.65885 12.0487 8.34226 12.0484 8.14697 11.8535L7.00049 10.707L5.854 11.8535C5.65885 12.0487 5.34226 12.0484 5.14697 11.8535C4.95171 11.6583 4.95171 11.3417 5.14697 11.1465L6.50049 9.79297V6.86523L3.96533 8.32812L3.47021 10.1787C3.39865 10.4451 3.12439 10.6034 2.85791 10.5322C2.59128 10.4608 2.43314 10.1866 2.50439 9.91992L2.92334 8.35352L1.35791 7.93359C1.09118 7.86212 0.932919 7.58802 1.00439 7.32129C1.07593 7.05464 1.35001 6.89631 1.6167 6.96777L3.46436 7.46191L5.99951 5.99902L3.46436 4.53613L1.6167 5.03223C1.35014 5.10366 1.07608 4.94513 1.00439 4.67871C0.932919 4.41198 1.09118 4.1369 1.35791 4.06543L2.92334 3.64648L2.50439 2.08008C2.43293 1.81334 2.59118 1.53924 2.85791 1.46777C3.12453 1.39654 3.39878 1.55467 3.47021 1.82129L3.96533 3.66992L6.50049 5.13281V2.20703L5.14697 0.853516C4.95171 0.658253 4.95171 0.341747 5.14697 0.146484C5.34224 -0.0486746 5.65878 -0.0487434 5.854 0.146484L7.00049 1.29297L8.14697 0.146484Z",fill:"black"})})}),e("button",{className:"control-button control-button--anonymise ".concat(Q?"control-button--anonymise-active":""),onClick:function(){return $()},title:Q?"Show Names":"Hide Names",children:n("svg",{width:"18",height:"12",viewBox:"0 0 18 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.19571 0.9375H13.9316L13.9576 0.939919L13.9055 1.5C13.9576 0.939919 13.958 0.939955 13.9584 0.939992L13.9593 0.940074L13.9612 0.940263L13.966 0.940753L13.9794 0.942218C13.9899 0.943426 14.0036 0.945121 14.0203 0.947429C14.0536 0.952044 14.0989 0.959129 14.1545 0.969722C14.2655 0.990879 14.4186 1.02621 14.5998 1.08426C14.9611 1.20007 15.4415 1.40866 15.9224 1.78153C16.9079 2.54562 17.8125 3.93493 17.8125 6.375C17.8125 8.84977 16.7446 10.2418 15.6228 10.9916C15.0757 11.3573 14.5319 11.5602 14.1264 11.6723C13.9228 11.7285 13.7514 11.7626 13.6282 11.7828C13.5666 11.7929 13.5167 11.7996 13.4807 11.8039C13.4626 11.8061 13.448 11.8076 13.437 11.8087L13.4234 11.81L13.4186 11.8104L13.4168 11.8106L13.416 11.8106C13.4157 11.8107 13.4154 11.8107 13.3704 11.25L13.416 11.8106L13.3929 11.8125H13.3704C12.4693 11.8125 11.7717 11.6348 11.2171 11.3425C10.6627 11.0503 10.2868 10.6623 10.0046 10.2977C9.86569 10.1182 9.74696 9.94078 9.64616 9.78996C9.5407 9.6322 9.46023 9.51197 9.38106 9.41262C9.22707 9.21935 9.16773 9.21939 9.13503 9.21941H9.13398C9.09752 9.21941 9.03241 9.22191 8.87346 9.41718C8.79345 9.51548 8.71127 9.63581 8.60695 9.79107C8.60069 9.80039 8.59437 9.80981 8.58797 9.81934C8.49236 9.96175 8.38151 10.1269 8.25589 10.2929C7.98421 10.6519 7.62551 11.0405 7.10214 11.335C6.57573 11.6313 5.91831 11.8125 5.07599 11.8125H5.0488L5.02173 11.8099L5.07599 11.25C5.02173 11.8099 5.02205 11.8099 5.02173 11.8099L5.0204 11.8097L5.01868 11.8096L5.01405 11.8091L5.00016 11.8076C4.98888 11.8063 4.97357 11.8045 4.95451 11.8019C4.91641 11.7969 4.8632 11.7892 4.79703 11.7779C4.66485 11.7553 4.47999 11.718 4.25972 11.6585C3.82115 11.5401 3.23123 11.3305 2.63538 10.9643C1.42058 10.2176 0.212463 8.83259 0.187947 6.38062C0.163902 3.97575 1.11355 2.587 2.13375 1.81616C2.63171 1.43991 3.12954 1.22329 3.50294 1.10027C3.69026 1.03855 3.84839 0.999684 3.96267 0.975868C4.01989 0.963945 4.06636 0.955744 4.10027 0.950316C4.11724 0.947601 4.13108 0.945576 4.14159 0.944124L4.15484 0.942358L4.15953 0.941769L4.16139 0.941543L4.1622 0.941446C4.16257 0.941403 4.16292 0.941361 4.22872 1.5L4.1622 0.941446L4.19571 0.9375ZM4.26997 2.0625C4.25203 2.06549 4.22575 2.07021 4.19218 2.07721C4.11398 2.09351 3.99723 2.1219 3.85498 2.16877C3.56924 2.26291 3.18912 2.42877 2.81194 2.71376C2.08184 3.2654 1.29234 4.31414 1.31289 6.36938C1.33297 8.37752 2.28763 9.43001 3.22447 10.0058C3.70444 10.3008 4.18756 10.4737 4.55306 10.5724C4.73484 10.6215 4.88477 10.6515 4.98688 10.669C5.03785 10.6778 5.07667 10.6833 5.1013 10.6866C5.10355 10.6869 5.10569 10.6871 5.10771 10.6874C5.76441 10.683 6.21815 10.5416 6.55042 10.3546C6.89104 10.1629 7.13992 9.90327 7.35877 9.61404C7.46458 9.47422 7.55912 9.33345 7.65787 9.18641L7.67313 9.1637C7.77297 9.01508 7.8831 8.85179 8.00097 8.70698C8.23778 8.41606 8.59073 8.09441 9.13398 8.09441C9.6812 8.09441 10.0292 8.42071 10.2609 8.71155C10.3706 8.8492 10.4746 9.00486 10.569 9.14611L10.5815 9.1648C10.6838 9.31787 10.7824 9.46461 10.8943 9.6092C11.1139 9.89292 11.3735 10.1532 11.7416 10.3472C12.1049 10.5387 12.6087 10.6838 13.3424 10.6874C13.3439 10.6873 13.3456 10.6871 13.3473 10.6869C13.368 10.6844 13.4015 10.6799 13.4459 10.6727C13.5349 10.658 13.6667 10.6321 13.8268 10.5879C14.1487 10.4989 14.5748 10.3389 14.9976 10.0563C15.8156 9.50956 16.6875 8.46406 16.6875 6.375C16.6875 4.25124 15.9198 3.20305 15.2331 2.6706C14.8779 2.3952 14.5221 2.24075 14.2564 2.1556C14.124 2.11316 14.0158 2.08853 13.944 2.07485C13.9117 2.0687 13.887 2.0648 13.8709 2.0625H4.26997ZM13.8498 2.05973C13.8494 2.05969 13.8497 2.05972 13.8508 2.05985L13.8498 2.05973Z",fill:Q?"white":"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.625 5.0625C4.77651 5.0625 4.3125 5.59288 4.3125 6C4.3125 6.40712 4.77651 6.9375 5.625 6.9375C6.47349 6.9375 6.9375 6.40712 6.9375 6C6.9375 5.59288 6.47349 5.0625 5.625 5.0625ZM3.1875 6C3.1875 4.75027 4.40242 3.9375 5.625 3.9375C6.84758 3.9375 8.0625 4.75027 8.0625 6C8.0625 7.24973 6.84758 8.0625 5.625 8.0625C4.40242 8.0625 3.1875 7.24973 3.1875 6Z",fill:Q?"white":"black"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.375 5.0625C11.5265 5.0625 11.0625 5.59288 11.0625 6C11.0625 6.40712 11.5265 6.9375 12.375 6.9375C13.2235 6.9375 13.6875 6.40712 13.6875 6C13.6875 5.59288 13.2235 5.0625 12.375 5.0625ZM9.9375 6C9.9375 4.75027 11.1524 3.9375 12.375 3.9375C13.5976 3.9375 14.8125 4.75027 14.8125 6C14.8125 7.24973 13.5976 8.0625 12.375 8.0625C11.1524 8.0625 9.9375 7.24973 9.9375 6Z",fill:Q?"white":"black"})]})})]})]})});b.displayName="Timer";var L=function(n){var t=n.progressEndDate,l=n.leftTime,o=n.progressTime,r=n.className,c=void 0===r?"":r,s=i(0),d=s[0],u=s[1],h=i(Date.now())[0];return a(function(){var e=null;if(!t||l||o){if(void 0!==l&&void 0!==o){var n=Math.max(0,Math.min(100,(o-l)/o*100));u(n)}}else{var i=function(){var n=Date.now(),i=Math.max(0,t-n),l=t-h,a=n-h,o=Math.max(0,Math.min(100,a/l*100));u(o),i<=0&&(u(100),e&&clearInterval(e))};i(),e=setInterval(i,100)}return function(){e&&clearInterval(e)}},[t,l,o,h]),e("div",{className:"progress-bar ".concat(c),children:e("div",{className:"progress-fill",style:{width:"".concat(d,"%")}})})};function w(){var t=i(null),l=t[0],a=t[1];return n("div",{className:"gain",children:[e("button",{onClick:function(){a(200),setTimeout(function(){return a(null)},2e3)},children:"Gain 200"}),e("div",{className:"score-area",children:l&&n("div",{className:"points",children:["+",l]})})]})}L.displayName="ProgressBar";var N=function(t){var i=t.className,l=t.disabled;return e("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",width:"20",height:"20",overflow:"visible",className:i,viewBox:"0 0 21 21",fill:"none",children:n("g",{id:"send-email-1",children:[e("path",{id:"Shape",fillRule:"evenodd",clipRule:"evenodd",d:"M1.90273 8.85333C1.37949 8.70573 1.01357 8.2343 1.00037 7.6908C0.987168 7.1473 1.32977 6.65867 1.84523 6.48583L18.5711 1.03083C18.7945 0.958012 19.0398 1.01645 19.2064 1.18215C19.373 1.34785 19.4327 1.5929 19.3611 1.81667L13.9102 18.5508C13.7382 19.0672 13.249 19.4107 12.7049 19.3973C12.1608 19.3839 11.6892 19.0167 11.5427 18.4925L9.67106 10.7167L1.90273 8.85333Z",stroke:l?"#999FA1":"#009CDF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{id:"Shape_2",d:"M19.2069 1.18083L9.67106 10.7167",stroke:l?"#999FA1":"#009CDF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})},x=function(n){var t=n.className,i=n.disabled;return e("svg",{width:"20",height:"20",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e("path",{d:"M10.1221 5.00073C10.5362 5.00073 10.8719 5.33666 10.8721 5.75073C10.8721 6.16495 10.5363 6.50073 10.1221 6.50073H2.62207C2.20796 6.50073 1.87223 6.83666 1.87207 7.25073V22.2507C1.87207 22.6649 2.20786 23.0007 2.62207 23.0007H17.6221C18.0363 23.0007 18.3721 22.6649 18.3721 22.2507V14.7507C18.3722 14.3367 18.708 14.0007 19.1221 14.0007C19.5362 14.0007 19.8719 14.3367 19.8721 14.7507V22.2507C19.8721 23.4934 18.8647 24.5007 17.6221 24.5007H2.62207C1.37943 24.5007 0.37207 23.4934 0.37207 22.2507V7.25073C0.37223 6.00823 1.37953 5.00073 2.62207 5.00073H10.1221ZM18.501 1.37866C19.6725 0.207539 21.5717 0.207579 22.7432 1.37866C23.9145 2.55026 23.9147 4.45033 22.7432 5.62183L13.1973 15.1677C13.0826 15.2823 12.9339 15.3567 12.7734 15.3796L9.06152 15.9109C8.56668 15.9817 8.14253 15.5571 8.21289 15.0623L8.74219 11.3494C8.76511 11.1888 8.84046 11.0403 8.95508 10.9255L18.501 1.37866ZM21.6826 2.44019C21.0968 1.85439 20.1473 1.85439 19.5615 2.44019L10.1924 11.8093L9.83887 14.2839L12.3135 13.9304L21.6826 4.56128C22.2683 3.9756 22.2681 3.02601 21.6826 2.44019Z",fill:i?"#999FA1":"#009CDF"})})},k=function(n){var t=n.className,i=n.disabled;return e("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",width:"20",height:"20",overflow:"visible",className:t,viewBox:"0 0 24 22",fill:"none",children:e("path",{id:"color",d:"M14.6025 0C15.9552 0.000251909 17.0595 1.08982 17.0596 2.44434V3.42188H23.2773C23.6764 3.422 23.9998 3.75048 24 4.15527C24 4.52653 23.7278 4.83328 23.375 4.88184L23.2773 4.88867H20.5312V19.5557C20.531 20.9101 19.426 21.9999 18.0732 22H5.92871C4.57593 22 3.47095 20.9102 3.4707 19.5557V4.88867H0.722656C0.323522 4.88854 0 4.5602 0 4.15527C0.000141537 3.78415 0.272248 3.47726 0.625 3.42871L0.722656 3.42188H6.93945V2.44434C6.93951 1.08966 8.04456 0 9.39746 0H14.6025ZM4.91602 19.5557C4.91625 20.0551 5.30736 20.4737 5.81738 20.5273L5.92773 20.5332H18.0723C18.6355 20.5332 19.0847 20.0908 19.085 19.5557V4.88867H4.91602V19.5557ZM9.39648 8.55566C9.76246 8.55566 10.0654 8.83151 10.1133 9.18945L10.1191 9.28906V16.1338C10.1189 16.5386 9.79557 16.8662 9.39648 16.8662C9.03062 16.8661 8.72852 16.5903 8.68066 16.2324L8.67383 16.1338V9.28906C8.67383 8.88413 8.99735 8.55579 9.39648 8.55566ZM14.6016 8.55566C14.9675 8.55566 15.2705 8.83151 15.3184 9.18945L15.3242 9.28906V16.1328C15.3242 16.5378 15.0008 16.8662 14.6016 16.8662C14.2357 16.8661 13.9336 16.5903 13.8857 16.2324L13.8789 16.1328V9.28906C13.8789 8.88411 14.2024 8.55576 14.6016 8.55566ZM9.39648 1.4668C8.83325 1.46697 8.38483 1.90918 8.38477 2.44434V3.42188H15.6133V2.44434C15.6132 1.94484 15.2229 1.52638 14.7129 1.47266L14.6016 1.4668H9.39648Z",fill:i?"#999FA1":"#009CDF"})})},M=function(t){var l,o,c,s=t.title,d=void 0===s?"Achat 3":s,h=t.volume,v=void 0===h?"":h,C=t.price,m=void 0===C?"":C,f=t.defaultPrice,g=t.showSecondInput,b=void 0===g||g,L=t.showTrashButton,w=void 0!==L&&L,M=t.disabled,y=void 0!==M&&M,R=t.volumeMax,V=t.priceMax,Z=t.iconType,_=void 0===Z?"send":Z,H=t.labels,P=t.onVolumeChange,F=t.onPriceChange,S=t.onSend,z=t.onClear,T=t.className,B=void 0===T?"":T,I=i(v),A=I[0],D=I[1],j=i(m),W=j[0],E=j[1],O=i(!1),U=O[0],q=O[1];a(function(){D(v)},[v]),a(function(){E(m)},[m]);var Q=function(){var e=parseFloat(A);if(!isNaN(e))if(b){var n=parseFloat(W);if(!isNaN(n))return e*n}else if(void 0!==f)return e*f;return 0},G=""===A.trim();return n("div",{className:"buyline ".concat(B),children:[n("div",{className:"buyline__container",children:[n("div",{className:"buyline__content",children:[n("div",{className:"buyline__inputs",children:[e("div",{className:"buyline__title",children:d}),n("div",{className:"buyline__input_container",children:[(null==H?void 0:H.find(function(e){return"volume"===e.key}))&&e("div",{className:"buyline__label--description",children:null===(l=H.find(function(e){return"volume"===e.key}))||void 0===l?void 0:l.label}),e(r,{label:"MWh",value:A,onChange:function(e){D(e),null==P||P(e)},disabled:y,min:{value:0},max:R||{value:9999},showSuccess:U})]}),b&&n("div",{className:"buyline__input_container",children:[(null==H?void 0:H.find(function(e){return"price"===e.key}))&&e("div",{className:"buyline__label--description",children:null===(o=H.find(function(e){return"price"===e.key}))||void 0===o?void 0:o.label}),e(r,{label:"€/MWh",value:W,onChange:function(e){E(e),null==F||F(e)},disabled:y,min:{value:0},max:V||{value:9999},showSuccess:U})]})]}),n("div",{className:"buyline__recette",children:[(null==H?void 0:H.find(function(e){return"total"===e.key}))&&e("div",{className:"buyline__label--description",children:null===(c=H.find(function(e){return"total"===e.key}))||void 0===c?void 0:c.label}),e("div",{className:"buyline__total",children:e(u,{width:"fit-content",bgColor:0===Q()?"#F2F4F4":"#E1F5FD",children:e(p,{cost:Q(),textColor:0===Q()?"#999FA1":"#005896",type:"euro"})})})]})]}),n("div",{className:"buyline__actions",children:[!y&&e("button",{className:"buyline__send ".concat(G?"buyline__send--disabled":""),onClick:function(){""!==A.trim()&&(q(!0),setTimeout(function(){q(!1)},1e3),null==S||S())},disabled:G,"aria-label":"edit"===_?"Edit":"Send",children:e("edit"===_?x:N,{className:"buyline__icon",disabled:G})}),w&&e("button",{className:"buyline__trash",onClick:function(){D(""),E(""),null==z||z()},"aria-label":"Clear",children:e(k,{className:"buyline__icon",disabled:!1})})]})]}),e("div",{className:"buyline__border"})]})},y={plusIcon:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 0C8.27614 0 8.50436 0.205203 8.54048 0.47144L8.54545 0.545455V7.45455H15.4545C15.7558 7.45455 16 7.69875 16 8C16 8.27614 15.7948 8.50436 15.5286 8.54048L15.4545 8.54545H8.54545V15.4545C8.54545 15.7558 8.30125 16 8 16C7.72386 16 7.49564 15.7948 7.45953 15.5286L7.45455 15.4545V8.54545H0.545455C0.244208 8.54545 0 8.30125 0 8C0 7.72386 0.205203 7.49564 0.47144 7.45953L0.545455 7.45455H7.45455V0.545455C7.45455 0.244208 7.69875 0 8 0Z",fill:"white"})})},R=function(t){var i=t.text,l=t.icon,a=t.onClick,o=t.disabled,r=void 0!==o&&o,c=t.className;return n("button",{className:"button ".concat(void 0===c?"":c),onClick:a,disabled:r,"data-name":"Button",children:[l&&y[l]&&e("div",{className:"button-icon","data-name":l,children:y[l]}),e("div",{className:"button-text",children:e("p",{children:i})})]})};export{m as Avatar,R as Button,M as BuyLine,u as Chip,w as Gain,C as Histogram,r as InputNumber,v as ProductionUnit,h as ProductionUnitContainer,L as ProgressBar,d as Switch,b as Timer,p as ValueWithUnit};
 //# sourceMappingURL=index.esm.js.map