rte-utils 1.2.51 → 1.2.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/Timer.d.ts +3 -3
  2. package/dist/index.css +1 -1
  3. package/dist/index.esm.css +1 -1
  4. package/dist/index.esm.js +1 -1
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
package/dist/components/Timer.d.ts CHANGED
@@ -29,9 +29,9 @@ export interface TimerProps {
29
29
  onAnonymiseToggle?: (anonymised: boolean) => void;
30
30
  onStop?: () => void;
31
31
  onReset?: () => void;
32
- onPrevious?: () => void;
33
- onNext?: () => void;
34
- onPhaseClick?: (phaseIndex: number) => void;
32
+ onPrevious?: (phaseName: string) => void;
33
+ onNext?: (phaseName: string) => void;
34
+ onPhaseClick?: (phaseName: string) => void;
35
35
  className?: string;
36
36
  gameActions?: {
37
37
  [phaseIndex: number]: string;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .input-container,.input-field{position:relative;width:100%}.input-element{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:8px 0 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-label{background-color:#fff;color:#999;font-size:16px;left:12px;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;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-container--focused .input-label{color:#009cdf}.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:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed}.input-container--disabled .input-label{color:#999}.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]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;cursor:pointer;margin:0;opacity:1}.input-element[type=number]{-moz-appearance:textfield}.input-element[type=number]:hover::-webkit-inner-spin-button,.input-element[type=number]:hover::-webkit-outer-spin-button{opacity:1}.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:#666;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-wrapper--checked .switch-label{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}.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;min-width:84px;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-value-container{text-align:center;width:40px}.histogram-value{font-size:16px;line-height:14px}.histogram-unit,.histogram-value{color:#000;display:block;font-weight:600;margin:0}.histogram-unit{font-size:12px}.histogram-label{color:#6f6f6f;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin:0;text-align:left;white-space:nowrap}.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-number{font-size:16px;font-weight:700}.cost-unit{font-size:16px;font-weight:500}.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:#000;border-radius:4px;height:8px;opacity:.1;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:#444;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}
1
+ .input-container,.input-field{position:relative;width:100%}.input-element{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:8px 0 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-label{background-color:#fff;color:#999;font-size:16px;left:12px;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;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-container--focused .input-label{color:#009cdf}.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:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed}.input-container--disabled .input-label{color:#999}.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]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;cursor:pointer;margin:0;opacity:1}.input-element[type=number]{-moz-appearance:textfield}.input-element[type=number]:hover::-webkit-inner-spin-button,.input-element[type=number]:hover::-webkit-outer-spin-button{opacity:1}.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:#666;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-wrapper--checked .switch-label{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}.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;min-width:84px;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-value-container{text-align:center;width:40px}.histogram-value{font-size:16px;line-height:14px}.histogram-unit,.histogram-value{color:#000;display:block;font-weight:600;margin:0}.histogram-unit{font-size:12px}.histogram-label{color:#6f6f6f;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin:0;text-align:left;white-space:nowrap}.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-number{font-size:16px;font-weight:700}.cost-unit{font-size:16px;font-weight:500}.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:#444;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}
package/dist/index.esm.css CHANGED
@@ -1 +1 @@
1
- .input-container,.input-field{position:relative;width:100%}.input-element{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:8px 0 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-label{background-color:#fff;color:#999;font-size:16px;left:12px;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;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-container--focused .input-label{color:#009cdf}.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:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed}.input-container--disabled .input-label{color:#999}.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]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;cursor:pointer;margin:0;opacity:1}.input-element[type=number]{-moz-appearance:textfield}.input-element[type=number]:hover::-webkit-inner-spin-button,.input-element[type=number]:hover::-webkit-outer-spin-button{opacity:1}.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:#666;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-wrapper--checked .switch-label{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}.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;min-width:84px;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-value-container{text-align:center;width:40px}.histogram-value{font-size:16px;line-height:14px}.histogram-unit,.histogram-value{color:#000;display:block;font-weight:600;margin:0}.histogram-unit{font-size:12px}.histogram-label{color:#6f6f6f;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin:0;text-align:left;white-space:nowrap}.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-number{font-size:16px;font-weight:700}.cost-unit{font-size:16px;font-weight:500}.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:#000;border-radius:4px;height:8px;opacity:.1;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:#444;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}
1
+ .input-container,.input-field{position:relative;width:100%}.input-element{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:8px 0 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-label{background-color:#fff;color:#999;font-size:16px;left:12px;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;box-shadow:0 0 0 2px rgba(0,156,223,.1)}.input-container--focused .input-label{color:#009cdf}.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:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed}.input-container--disabled .input-label{color:#999}.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]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;cursor:pointer;margin:0;opacity:1}.input-element[type=number]{-moz-appearance:textfield}.input-element[type=number]:hover::-webkit-inner-spin-button,.input-element[type=number]:hover::-webkit-outer-spin-button{opacity:1}.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:#666;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-wrapper--checked .switch-label{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}.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;min-width:84px;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-value-container{text-align:center;width:40px}.histogram-value{font-size:16px;line-height:14px}.histogram-unit,.histogram-value{color:#000;display:block;font-weight:600;margin:0}.histogram-unit{font-size:12px}.histogram-label{color:#6f6f6f;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin:0;text-align:left;white-space:nowrap}.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-number{font-size:16px;font-weight:700}.cost-unit{font-size:16px;font-weight:500}.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:#444;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}
package/dist/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useState as i,useRef as o,useEffect as a,useCallback as l}from"react";var r=function(n){var l=n.label,r=n.value,c=void 0===r?"":r,d=n.onChange,s=n.disabled,u=void 0!==s&&s,h=n.className,C=void 0===h?"":h,v=n.required,m=void 0!==v&&v,p=n.min,f=void 0===p?{value:0,label:"Pmin"}:p,g=n.max,L=void 0===g?{value:100,label:"Pmax"}:g,b=i(c),w=b[0],N=b[1],M=i(!1),k=M[0],x=M[1],R=i(!1),P=R[0],y=R[1],Z=o(null);a(function(){N(c)},[c]);var z=["input-container",k?"input-container--focused":"",k||w.length>0?"input-container--floating":"",u?"input-container--disabled":"",P?"input-container--error":"",C].filter(Boolean).join(" ");return e("div",{className:z,children:t("div",{className:"input-constraints",children:[t("div",{className:"input-min",children:[f.label,e("br",{}),f.value]}),t("div",{className:"input-field",children:[e("input",{ref:Z,type:"number",value:w,onChange:function(e){var t=e.target.value;if(N(t),""!==t){var n=parseFloat(t);if(isNaN(n))y(!1),null==d||d(t);else{var i=n<f.value||n>L.value;if(y(i),i){var o=Math.max(f.value,Math.min(L.value,n));null==d||d(o.toString())}else null==d||d(t)}}else y(!1),null==d||d(t)},onFocus:function(){x(!0)},onBlur:function(){if(x(!1),""!==w){var e=parseFloat(w);if(!isNaN(e)){var t=Math.max(f.value,Math.min(L.value,e));if(t!==e){var n=t.toString();N(n),null==d||d(n)}y(!1)}}},disabled:u,required:m,className:"input-element","aria-label":l,min:f.value,max:L.value,step:1}),t("label",{className:"input-label",children:[l,m&&e("span",{className:"input-required",children:"*"})]})]}),t("div",{className:"input-max",children:[L.label,e("br",{})," ",L.value]})]})})},c=function(t){var n=t.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:n?"#999FA1":"#009CDF"})})},d=function(t){var n=t.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:n?"white":"#009cdf"})})},s=function(n){var o=n.checked,a=void 0!==o&&o,l=n.onChange,r=n.disabled,s=void 0!==r&&r,u=n.showIcon,h=void 0===u||u,C=n.label,v=i(a),m=v[0],p=v[1],f=void 0!==a?a:m,g=["switch",f?"switch--checked":"",s?"switch--disabled":""].filter(Boolean).join(" "),L=["switch-wrapper",f?"switch-wrapper--checked":""].filter(Boolean).join(" ");return e("div",{className:"switch-container",children:t("div",{className:L,children:[h?e("div",{className:"switch-icon",children:e(c,{isOff:!f})}):C?e("div",{className:"switch-label",children:C}):null,e("button",{type:"button",role:"switch","aria-checked":f,className:g,onClick:function(){if(!s){var e=!f;void 0===a&&p(e),null==l||l(e)}},disabled:s,children:e("span",{className:"switch-track",children:e("span",{className:"switch-thumb",children:e(d,{isOff:!f})})})})]})})},u=function(t){var n=t.children,i=t.bgColor,o=t.width,a=["chip-container","full-width"===(void 0===o?"fit-content":o)?"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:n})})})},h=function(t){var n=t.bgColor,i=void 0===n?"#fff":n,o=t.children,a=t.height;return e("div",{className:"production-unit-container-box",style:{backgroundColor:i,height:a},children:o})},C=function(n){var o=n.onChangeInput,a=n.onChangeSwitch,l=n.defaultValue,c=n.defaultChecked,d=void 0!==c&&c,C=n.value,v=n.checked,m=n.unitName,f=void 0===m?"Production Unit":m,g=n.energyCost,L=void 0===g?0:g,b=n.checkedImage,w=n.uncheckedImage,N=n.readonly,M=void 0!==N&&N,k=n.min,x=void 0===k?{value:10,label:"Pmin"}:k,R=n.max,P=void 0===R?{value:100,label:"Pmax"}:R,y=i(d),Z=y[0],z=y[1],V=i(l),H=V[0],F=V[1],S=void 0!==v?v:Z,B=void 0!==C?C:H;return e(h,{children:t("div",{className:"production-unit-container",children:[t("div",{className:"production-unit-content",children:[e("div",{className:"image-preview-container",children:S?b:w}),t("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:L,textColor:"#005896"})})]}),t("div",{className:"production-unit-switch-container",children:[e(r,{label:"PA",onChange:function(e){if(""===e)return void 0===C&&F(void 0),void(o&&o(0));var t=parseFloat(e);isNaN(t)||(void 0===C&&F(t),o&&o(t))},value:void 0!==B?B.toString():void 0,disabled:!S||M,min:{value:x.value,label:x.label},max:{value:P.value,label:P.label}})," "]})]}),e(s,{checked:S,onChange:function(e){void 0===v&&z(e),a&&a(e)},disabled:M})]})})},v=function(n){var o,l,r,c,d=n.max,s=n.relative,u=n.barHeight,h=void 0===u?103:u,C=n.barWidth,v=void 0===C?32:C,m=n.orientation,p=void 0===m?"vertical":m,f=n.cornerRadius,g=n.children,L=i(0),b=L[0],w=L[1],N=i(0),M=N[0],k=N[1],x=Math.min(s.value/d.value*100,100)/100*h,R=Math.min(s.value/d.value*100,100)/100*("horizontal"===p?h:v);a(function(){w(0),k(0);var e=Date.now(),t=function(){var n=Date.now()-e,i=Math.min(n/1e3,1),o=1-Math.pow(1-i,4);w(x*o),k(R*o),i<1&&requestAnimationFrame(t)};requestAnimationFrame(t)},[x,R]);var P="horizontal"===p?h:v,y="horizontal"===p?v:h,Z="horizontal"===p?h:v,z="horizontal"===p?v:h,V=function(e,t,n,i,o){var a=o.topLeft,l=o.topRight,r=o.bottomLeft,c=o.bottomRight;return"\n M ".concat(e+a," ").concat(t,"\n L ").concat(e+n-l," ").concat(t,"\n Q ").concat(e+n," ").concat(t," ").concat(e+n," ").concat(t+l,"\n L ").concat(e+n," ").concat(t+i-c,"\n Q ").concat(e+n," ").concat(t+i," ").concat(e+n-c," ").concat(t+i,"\n L ").concat(e+r," ").concat(t+i,"\n Q ").concat(e," ").concat(t+i," ").concat(e," ").concat(t+i-r,"\n L ").concat(e," ").concat(t+a,"\n Q ").concat(e," ").concat(t," ").concat(e+a," ").concat(t,"\n Z\n ").trim().replace(/\s+/g," ")},H={topLeft:2,topRight:2,bottomLeft:2,bottomRight:2},F=f?{topLeft:null!==(o=f.topLeft)&&void 0!==o?o:H.topLeft,topRight:null!==(l=f.topRight)&&void 0!==l?l:H.topRight,bottomLeft:null!==(r=f.bottomLeft)&&void 0!==r?r:H.bottomLeft,bottomRight:null!==(c=f.bottomRight)&&void 0!==c?c:H.bottomRight}:H;return e("div",{className:"histogram-container ".concat("horizontal"===p?"histogram-container--horizontal":""),children:t("div",{className:"histogram-content ".concat("horizontal"===p?"histogram-content--horizontal":""),children:[e("div",{className:"histogram-bar",style:{height:"".concat(y,"px"),width:"".concat(P,"px")},children:t("svg",{width:Z,height:z,viewBox:"0 0 ".concat(Z," ").concat(z),className:"histogram-svg",children:[e("defs",{children:e("clipPath",{id:"histogram-clip-".concat(Z,"-").concat(z,"-").concat(F.topLeft),children:e("path",{d:V(0,0,Z,z,F)})})}),e("path",{d:V(0,0,Z,z,F),fill:d.color,fillOpacity:d.opacity||1}),e("path","vertical"===p?{d:V(0,z-b,Z,b,{topLeft:b>=z?F.topLeft:0,topRight:b>=z?F.topRight:0,bottomLeft:F.bottomLeft,bottomRight:F.bottomRight}),fill:s.color,clipPath:"url(#histogram-clip-".concat(Z,"-").concat(z,"-").concat(F.topLeft,")")}:{d:V(0,0,M,z,{topLeft:F.topLeft,topRight:M>=Z?F.topRight:0,bottomLeft:F.bottomLeft,bottomRight:M>=Z?F.bottomRight:0}),fill:s.color,clipPath:"url(#histogram-clip-".concat(Z,"-").concat(z,"-").concat(F.topLeft,")")})]})}),g&&e("div",{className:"histogram-text-container ".concat("horizontal"===p?"histogram-text-container--horizontal":""),children:g})]})})},m=function(t){var n=t.children;return e("div",{className:"avatar-container avatar-container--clickable",children:e("div",{className:"avatar-content",children:n})})},p=function(n){var i=n.cost,o=n.textColor,a=n.type,l=void 0===a?"europermegawatt":a;return t("div",{className:"cost-text-container",children:[e("div",{className:"cost-number",style:{color:o},children:i}),e("div",{className:"cost-unit",style:{color:o},children:"euro"===l||"europermegawatt"===l?"€":"MWh"}),"europermegawatt"===l&&e("div",{className:"cost-unit-per",style:{color:o},children:"/MWh"})]})},f=function(){return f=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var g=function(e){var t=Math.floor(e/60),n=e%60;return"".concat(t.toString().padStart(2,"0"),":").concat(n.toString().padStart(2,"0"))},L=n.forwardRef(function(r,c){var d=r.phases,s=void 0===d?[]:d,u=r.externalState,h=r.onStateChange,C=r.onComplete,v=r.onPhaseComplete,m=r.onTick,p=r.onUnfreeze,L=r.onUnpause,b=r.onPause,w=r.onFreeze,N=r.onAnonymiseToggle,M=r.onStop,k=r.onReset,x=r.onPrevious,R=r.onNext,P=r.onPhaseClick,y=r.className,Z=void 0===y?"":y,z=r.gameActions,V=void 0===z?{}:z,H=r.user,F=void 0===H?"admin":H,S=u.currentPhase,B=u.currentTime,I=u.isRunning,T=u.isPaused,j=u.isFrozen,D=l(function(){return s.findIndex(function(e){return(e.title||"Phase ".concat(s.indexOf(e)+1))===S})},[s,S]),O=l(function(e){return s[e]},[s]),A=l(function(e){var t=s[e];return(null==t?void 0:t.title)||"Phase ".concat(e+1)},[s]),E=i(null),W=E[0],U=E[1],q=i(!1),Q=q[0],K=q[1],G=o(null),J=l(function(){var e=D();if(!(0===s.length||-1===e||e>=s.length)){var t=T&&!j,n=j;h(f(f({},u),{isRunning:!0,isPaused:!1,isFrozen:!1})),n?null==p||p():t&&(null==L||L())}},[s.length,D,u,h,T,j,p,L]),X=l(function(){j||(h(f(f({},u),{isRunning:!1,isPaused:!0})),null==b||b())},[j,u,h,b]),Y=l(function(e){var t=void 0===e?!j:e,n=f(f({},u),{isFrozen:t,isRunning:!t&&!u.isPaused,isPaused:u.isPaused});h(n),null==w||w(t),!t&&j&&(null==p||p())},[j,u,h,w,p]),$=l(function(e){K(function(t){var n=void 0===e?!t:e;return null==N||N(n),n})},[N]),_=l(function(){h({currentPhase:A(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==M||M()},[h,M,A]),ee=l(function(){h({currentPhase:A(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==k||k()},[h,k,A]),te=l(function(){},[]);n.useImperativeHandle(c,function(){return{start:J,pause:X,freeze:Y,toggleAnonymise:$,stop:_,reset:ee,setPhases:te,getCurrentTime:function(){return B},getCurrentPhase:function(){return S},isRunning:function(){return I},isPaused:function(){return T}}}),a(function(){var e=D();return I&&!j&&-1!==e&&e<s.length?G.current=setInterval(function(){var t=B+1e3,n=O(e),i=(null==n?void 0:n.duration)||0;h(f(f({},u),{currentTime:t})),null==m||m(Math.floor(t/1e3),A(e)),t>=i&&(null==v||v(A(e),i),e+1<s.length?h(f(f({},u),{currentPhase:A(e+1),currentTime:0})):(h(f(f({},u),{isRunning:!1,isPaused:!1})),null==C||C()))},1e3):G.current&&(clearInterval(G.current),G.current=null),function(){G.current&&clearInterval(G.current)}},[I,j,D,B,s.length,u,h,m,v,C,O,A]);var ne=D(),ie=O(ne),oe=(null==ie?void 0:ie.duration)||0,ae=Math.floor(B/1e3),le=Math.floor(oe/1e3),re=oe>0?B/oe*100:0,ce=s.length>0&&!I&&ne===Math.max(0,s.length-1)&&B>=oe,de=["timer-header-control",Z,I?"timer--running":"",T?"timer--paused":"",j?"timer--frozen":"",ce?"timer--completed":""].filter(Boolean).join(" "),se=le>0?le-ae:0;return t("div",{className:de,children:[e("div",{className:"timer-section",children:e("div",{className:"timer-content",children:t("div",{className:"timer-display-area",children:["admin"===F&&t("div",{className:"timer-header",children:[e("span",{className:"timer-title",children:((null==ie?void 0:ie.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,se))})]}),"admin"===F&&e("div",{className:"timer-progress-bar",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,re),"%")}})}),function(){for(var n,i,o=[],a=s.length,l=function(a){var l=a===ne,r=a<ne,c=V[a],d=l||r,u="step-indicator";u+=c||l||r?l?" step-indicator--active"+("actor"===F?" step-indicator--actor":" step-indicator--admin"):r?" step-indicator--completed":" step-indicator--upcoming":" step-indicator--placeholder",d&&(u+=" step-indicator--clickable"),W===a&&(u+=" step-indicator--selected");var h=function(){d&&(U(a),null==P||P(a))},C={className:u,"data-step":a+1,title:(null===(n=s[a])||void 0===n?void 0:n.title)?"Step ".concat(a+1,": ").concat(null===(i=s[a])||void 0===i?void 0:i.title):c?"Step ".concat(a+1,": ").concat(c):"Step ".concat(a+1),onClick:d?h:void 0,role:d?"button":void 0,tabIndex:d?0:void 0,onKeyDown:d?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h())}:void 0};o.push(e("div",f({},C,{children:c||l||r?a+1:""}),a)),"actor"===F&&l&&o.push(t("div",{className:"timer-header--block",children:[t("div",{className:"timer-header timer-header--inline",children:[e("span",{className:"timer-title",children:((null==ie?void 0:ie.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,se))})]}),e("div",{className:"timer-progress-bar timer-progress-bar--inline",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,re),"%")}})})]},"header-inline-".concat(a)))},r=0;r<a;r++)l(r);return t("div",{className:"step-indicators",children:[o,e("div",{className:"step-expand ".concat(ce?"step-expand--end":""),title:ce?"All steps completed":"In progress",children:"actor"===F?t("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"===F&&t("div",{className:"timer-controls-section",children:[e("button",{className:"control-button control-button--previous",onClick:function(){return null==x?void 0:x()},disabled:0===ne,title:"Previous",children:t("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(){return null==R?void 0:R()},disabled:!(ce&&ne<s.length-1),title:"Next",children:t("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(I?"control-button--pause":"control-button--play"," ").concat(j?"control-button--disabled":""),onClick:I?X:J,title:j?"Frozen":I?"Pause":T?"Resume":"Start",disabled:j,children:t("svg",I?{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(j?"control-button--freeze-active":""),onClick:function(){return Y()},title:j?"Unfreeze":"Freeze",disabled:!I&&!T&&!j,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:t("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:"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:"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:"black"})]})})]})]})});L.displayName="Timer";var b=function(t){var n=t.progressEndDate,o=t.leftTime,l=t.progressTime,r=t.className,c=void 0===r?"":r,d=i(0),s=d[0],u=d[1],h=i(Date.now())[0];return a(function(){var e=null;if(!n||o||l){if(void 0!==o&&void 0!==l){var t=Math.max(0,Math.min(100,(l-o)/l*100));u(t)}}else{var i=function(){var t=Date.now(),i=Math.max(0,n-t),o=n-h,a=t-h,l=Math.max(0,Math.min(100,a/o*100));u(l),i<=0&&(u(100),e&&clearInterval(e))};i(),e=setInterval(i,100)}return function(){e&&clearInterval(e)}},[n,o,l,h]),e("div",{className:"progress-bar ".concat(c),children:e("div",{className:"progress-fill",style:{width:"".concat(s,"%")}})})};b.displayName="ProgressBar";export{m as Avatar,u as Chip,v as Histogram,r as InputNumber,C as ProductionUnit,h as ProductionUnitContainer,b as ProgressBar,s as Switch,L as Timer,p as ValueWithUnit};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useState as i,useRef as o,useEffect as l,useCallback as a}from"react";var r=function(n){var a=n.label,r=n.value,c=void 0===r?"":r,d=n.onChange,s=n.disabled,u=void 0!==s&&s,h=n.className,C=void 0===h?"":h,v=n.required,m=void 0!==v&&v,p=n.min,f=void 0===p?{value:0,label:"Pmin"}:p,g=n.max,L=void 0===g?{value:100,label:"Pmax"}:g,b=i(c),w=b[0],N=b[1],M=i(!1),k=M[0],x=M[1],R=i(!1),P=R[0],y=R[1],Z=o(null);l(function(){N(c)},[c]);var z=["input-container",k?"input-container--focused":"",k||w.length>0?"input-container--floating":"",u?"input-container--disabled":"",P?"input-container--error":"",C].filter(Boolean).join(" ");return e("div",{className:z,children:t("div",{className:"input-constraints",children:[t("div",{className:"input-min",children:[f.label,e("br",{}),f.value]}),t("div",{className:"input-field",children:[e("input",{ref:Z,type:"number",value:w,onChange:function(e){var t=e.target.value;if(N(t),""!==t){var n=parseFloat(t);if(isNaN(n))y(!1),null==d||d(t);else{var i=n<f.value||n>L.value;if(y(i),i){var o=Math.max(f.value,Math.min(L.value,n));null==d||d(o.toString())}else null==d||d(t)}}else y(!1),null==d||d(t)},onFocus:function(){x(!0)},onBlur:function(){if(x(!1),""!==w){var e=parseFloat(w);if(!isNaN(e)){var t=Math.max(f.value,Math.min(L.value,e));if(t!==e){var n=t.toString();N(n),null==d||d(n)}y(!1)}}},disabled:u,required:m,className:"input-element","aria-label":a,min:f.value,max:L.value,step:1}),t("label",{className:"input-label",children:[a,m&&e("span",{className:"input-required",children:"*"})]})]}),t("div",{className:"input-max",children:[L.label,e("br",{})," ",L.value]})]})})},c=function(t){var n=t.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:n?"#999FA1":"#009CDF"})})},d=function(t){var n=t.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:n?"white":"#009cdf"})})},s=function(n){var o=n.checked,l=void 0!==o&&o,a=n.onChange,r=n.disabled,s=void 0!==r&&r,u=n.showIcon,h=void 0===u||u,C=n.label,v=i(l),m=v[0],p=v[1],f=void 0!==l?l:m,g=["switch",f?"switch--checked":"",s?"switch--disabled":""].filter(Boolean).join(" "),L=["switch-wrapper",f?"switch-wrapper--checked":""].filter(Boolean).join(" ");return e("div",{className:"switch-container",children:t("div",{className:L,children:[h?e("div",{className:"switch-icon",children:e(c,{isOff:!f})}):C?e("div",{className:"switch-label",children:C}):null,e("button",{type:"button",role:"switch","aria-checked":f,className:g,onClick:function(){if(!s){var e=!f;void 0===l&&p(e),null==a||a(e)}},disabled:s,children:e("span",{className:"switch-track",children:e("span",{className:"switch-thumb",children:e(d,{isOff:!f})})})})]})})},u=function(t){var n=t.children,i=t.bgColor,o=t.width,l=["chip-container","full-width"===(void 0===o?"fit-content":o)?"chip-container--full-width":"chip-container--fit-content"].join(" ");return e("div",{className:l,style:{backgroundColor:i},children:e("div",{className:"chip-content",children:e("div",{className:"chip-label",children:n})})})},h=function(t){var n=t.bgColor,i=void 0===n?"#fff":n,o=t.children,l=t.height;return e("div",{className:"production-unit-container-box",style:{backgroundColor:i,height:l},children:o})},C=function(n){var o=n.onChangeInput,l=n.onChangeSwitch,a=n.defaultValue,c=n.defaultChecked,d=void 0!==c&&c,C=n.value,v=n.checked,m=n.unitName,f=void 0===m?"Production Unit":m,g=n.energyCost,L=void 0===g?0:g,b=n.checkedImage,w=n.uncheckedImage,N=n.readonly,M=void 0!==N&&N,k=n.min,x=void 0===k?{value:10,label:"Pmin"}:k,R=n.max,P=void 0===R?{value:100,label:"Pmax"}:R,y=i(d),Z=y[0],z=y[1],V=i(a),H=V[0],F=V[1],S=void 0!==v?v:Z,B=void 0!==C?C:H;return e(h,{children:t("div",{className:"production-unit-container",children:[t("div",{className:"production-unit-content",children:[e("div",{className:"image-preview-container",children:S?b:w}),t("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:L,textColor:"#005896"})})]}),t("div",{className:"production-unit-switch-container",children:[e(r,{label:"PA",onChange:function(e){if(""===e)return void 0===C&&F(void 0),void(o&&o(0));var t=parseFloat(e);isNaN(t)||(void 0===C&&F(t),o&&o(t))},value:void 0!==B?B.toString():void 0,disabled:!S||M,min:{value:x.value,label:x.label},max:{value:P.value,label:P.label}})," "]})]}),e(s,{checked:S,onChange:function(e){void 0===v&&z(e),l&&l(e)},disabled:M})]})})},v=function(n){var o,a,r,c,d=n.max,s=n.relative,u=n.barHeight,h=void 0===u?103:u,C=n.barWidth,v=void 0===C?32:C,m=n.orientation,p=void 0===m?"vertical":m,f=n.cornerRadius,g=n.children,L=i(0),b=L[0],w=L[1],N=i(0),M=N[0],k=N[1],x=Math.min(s.value/d.value*100,100)/100*h,R=Math.min(s.value/d.value*100,100)/100*("horizontal"===p?h:v);l(function(){w(0),k(0);var e=Date.now(),t=function(){var n=Date.now()-e,i=Math.min(n/1e3,1),o=1-Math.pow(1-i,4);w(x*o),k(R*o),i<1&&requestAnimationFrame(t)};requestAnimationFrame(t)},[x,R]);var P="horizontal"===p?h:v,y="horizontal"===p?v:h,Z="horizontal"===p?h:v,z="horizontal"===p?v:h,V=function(e,t,n,i,o){var l=o.topLeft,a=o.topRight,r=o.bottomLeft,c=o.bottomRight;return"\n M ".concat(e+l," ").concat(t,"\n L ").concat(e+n-a," ").concat(t,"\n Q ").concat(e+n," ").concat(t," ").concat(e+n," ").concat(t+a,"\n L ").concat(e+n," ").concat(t+i-c,"\n Q ").concat(e+n," ").concat(t+i," ").concat(e+n-c," ").concat(t+i,"\n L ").concat(e+r," ").concat(t+i,"\n Q ").concat(e," ").concat(t+i," ").concat(e," ").concat(t+i-r,"\n L ").concat(e," ").concat(t+l,"\n Q ").concat(e," ").concat(t," ").concat(e+l," ").concat(t,"\n Z\n ").trim().replace(/\s+/g," ")},H={topLeft:2,topRight:2,bottomLeft:2,bottomRight:2},F=f?{topLeft:null!==(o=f.topLeft)&&void 0!==o?o:H.topLeft,topRight:null!==(a=f.topRight)&&void 0!==a?a:H.topRight,bottomLeft:null!==(r=f.bottomLeft)&&void 0!==r?r:H.bottomLeft,bottomRight:null!==(c=f.bottomRight)&&void 0!==c?c:H.bottomRight}:H;return e("div",{className:"histogram-container ".concat("horizontal"===p?"histogram-container--horizontal":""),children:t("div",{className:"histogram-content ".concat("horizontal"===p?"histogram-content--horizontal":""),children:[e("div",{className:"histogram-bar",style:{height:"".concat(y,"px"),width:"".concat(P,"px")},children:t("svg",{width:Z,height:z,viewBox:"0 0 ".concat(Z," ").concat(z),className:"histogram-svg",children:[e("defs",{children:e("clipPath",{id:"histogram-clip-".concat(Z,"-").concat(z,"-").concat(F.topLeft),children:e("path",{d:V(0,0,Z,z,F)})})}),e("path",{d:V(0,0,Z,z,F),fill:d.color,fillOpacity:d.opacity||1}),e("path","vertical"===p?{d:V(0,z-b,Z,b,{topLeft:b>=z?F.topLeft:0,topRight:b>=z?F.topRight:0,bottomLeft:F.bottomLeft,bottomRight:F.bottomRight}),fill:s.color,clipPath:"url(#histogram-clip-".concat(Z,"-").concat(z,"-").concat(F.topLeft,")")}:{d:V(0,0,M,z,{topLeft:F.topLeft,topRight:M>=Z?F.topRight:0,bottomLeft:F.bottomLeft,bottomRight:M>=Z?F.bottomRight:0}),fill:s.color,clipPath:"url(#histogram-clip-".concat(Z,"-").concat(z,"-").concat(F.topLeft,")")})]})}),g&&e("div",{className:"histogram-text-container ".concat("horizontal"===p?"histogram-text-container--horizontal":""),children:g})]})})},m=function(t){var n=t.children;return e("div",{className:"avatar-container avatar-container--clickable",children:e("div",{className:"avatar-content",children:n})})},p=function(n){var i=n.cost,o=n.textColor,l=n.type,a=void 0===l?"europermegawatt":l;return t("div",{className:"cost-text-container",children:[e("div",{className:"cost-number",style:{color:o},children:i}),e("div",{className:"cost-unit",style:{color:o},children:"euro"===a||"europermegawatt"===a?"€":"MWh"}),"europermegawatt"===a&&e("div",{className:"cost-unit-per",style:{color:o},children:"/MWh"})]})},f=function(){return f=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var g=function(e){var t=Math.floor(e/60),n=e%60;return"".concat(t.toString().padStart(2,"0"),":").concat(n.toString().padStart(2,"0"))},L=n.forwardRef(function(r,c){var d=r.phases,s=void 0===d?[]:d,u=r.externalState,h=r.onStateChange,C=r.onComplete,v=r.onPhaseComplete,m=r.onTick,p=r.onUnfreeze,L=r.onUnpause,b=r.onPause,w=r.onFreeze,N=r.onAnonymiseToggle,M=r.onStop,k=r.onReset,x=r.onPrevious,R=r.onNext,P=r.onPhaseClick,y=r.className,Z=void 0===y?"":y,z=r.gameActions,V=void 0===z?{}:z,H=r.user,F=void 0===H?"admin":H,S=u.currentPhase,B=u.currentTime,I=u.isRunning,T=u.isPaused,j=u.isFrozen,D=a(function(){return s.findIndex(function(e){return(e.title||"Phase ".concat(s.indexOf(e)+1))===S})},[s,S]),O=a(function(e){return s[e]},[s]),A=a(function(e){var t=s[e];return(null==t?void 0:t.title)||"Phase ".concat(e+1)},[s]),E=i(null),W=E[0],U=E[1],q=i(!1),Q=q[0],K=q[1],G=o(null),J=a(function(){var e=D();if(!(0===s.length||-1===e||e>=s.length)){var t=T&&!j,n=j;h(f(f({},u),{isRunning:!0,isPaused:!1,isFrozen:!1})),n?null==p||p():t&&(null==L||L())}},[s.length,D,u,h,T,j,p,L]),X=a(function(){j||(h(f(f({},u),{isRunning:!1,isPaused:!0})),null==b||b())},[j,u,h,b]),Y=a(function(e){var t=void 0===e?!j:e,n=f(f({},u),{isFrozen:t,isRunning:!t&&!u.isPaused,isPaused:u.isPaused});h(n),null==w||w(t),!t&&j&&(null==p||p())},[j,u,h,w,p]),$=a(function(e){K(function(t){var n=void 0===e?!t:e;return null==N||N(n),n})},[N]),_=a(function(){h({currentPhase:A(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==M||M()},[h,M,A]),ee=a(function(){h({currentPhase:A(0),currentTime:0,isRunning:!1,isPaused:!1,isFrozen:!1}),null==k||k()},[h,k,A]),te=a(function(){},[]);n.useImperativeHandle(c,function(){return{start:J,pause:X,freeze:Y,toggleAnonymise:$,stop:_,reset:ee,setPhases:te,getCurrentTime:function(){return B},getCurrentPhase:function(){return S},isRunning:function(){return I},isPaused:function(){return T}}}),l(function(){var e=D();return I&&!j&&-1!==e&&e<s.length?G.current=setInterval(function(){var t=B+1e3,n=O(e),i=(null==n?void 0:n.duration)||0,o=t>=i,l=o?i:t;h(f(f({},u),{currentTime:l})),null==m||m(Math.floor(l/1e3),A(e)),o&&setTimeout(function(){null==v||v(A(e),i),e+1<s.length?h(f(f({},u),{currentPhase:A(e+1),currentTime:0})):(h(f(f({},u),{currentTime:i,isRunning:!1,isPaused:!1})),null==C||C())},1e3)},1e3):G.current&&(clearInterval(G.current),G.current=null),function(){G.current&&clearInterval(G.current)}},[I,j,D,B,s.length,u,h,m,v,C,O,A]),l(function(){U(null)},[S]);var ne=D(),ie=O(ne),oe=(null==ie?void 0:ie.duration)||0,le=Math.floor(B/1e3),ae=Math.floor(oe/1e3),re=oe>0?B/oe*100:0,ce=s.length>0&&!I&&ne===Math.max(0,s.length-1)&&B>=oe,de=["timer-header-control",Z,I?"timer--running":"",T?"timer--paused":"",j?"timer--frozen":"",ce?"timer--completed":""].filter(Boolean).join(" "),se=ce||B>=oe?0:ae>0?ae-le:0;return t("div",{className:de,children:[e("div",{className:"timer-section",children:e("div",{className:"timer-content",children:t("div",{className:"timer-display-area",children:["admin"===F&&t("div",{className:"timer-header",children:[e("span",{className:"timer-title",children:((null==ie?void 0:ie.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,se))})]}),"admin"===F&&e("div",{className:"timer-progress-bar",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,re),"%")}})}),function(){for(var n,i,o=[],l=s.length,a=function(l){var a=l===ne,r=l<ne,c=V[l],d=a||r,u="step-indicator";u+=c||a||r?a?" step-indicator--active"+("actor"===F?" step-indicator--actor":" step-indicator--admin"):r?" step-indicator--completed":" step-indicator--upcoming":" step-indicator--placeholder",d&&(u+=" step-indicator--clickable"),W===l&&(u+=" step-indicator--selected");var h=function(){d&&(U(l),null==P||P(A(l)))},C={className:u,"data-step":l+1,title:(null===(n=s[l])||void 0===n?void 0:n.title)?"Step ".concat(l+1,": ").concat(null===(i=s[l])||void 0===i?void 0:i.title):c?"Step ".concat(l+1,": ").concat(c):"Step ".concat(l+1),onClick:d?h:void 0,role:d?"button":void 0,tabIndex:d?0:void 0,onKeyDown:d?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h())}:void 0};o.push(e("div",f({},C,{children:c||a||r?l+1:""}),l)),"actor"===F&&a&&o.push(t("div",{className:"timer-header--block",children:[t("div",{className:"timer-header timer-header--inline",children:[e("span",{className:"timer-title",children:((null==ie?void 0:ie.title)||"TIMER").toUpperCase()}),e("span",{className:"timer-time",children:g(Math.max(0,se))})]}),e("div",{className:"timer-progress-bar timer-progress-bar--inline",children:e("div",{className:"timer-progress-fill",style:{width:"".concat(Math.min(100,re),"%")}})})]},"header-inline-".concat(l)))},r=0;r<l;r++)a(r);return t("div",{className:"step-indicators",children:[o,e("div",{className:"step-expand ".concat(ce?"step-expand--end":""),title:ce?"All steps completed":"In progress",children:"actor"===F?t("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"===F&&t("div",{className:"timer-controls-section",children:[e("button",{className:"control-button control-button--previous",onClick:function(){var e=null!==W?W-1:ne-1;e>=0&&(U(e),null==x||x(A(e)))},disabled:null!==W?W<=0:ne<=0,title:"Previous",children:t("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!==W?W:ne)+1;e<s.length&&e<=ne&&(U(e),null==R||R(A(e)))},disabled:null!==W?W>=ne||W>=s.length-1:ne>=s.length-1,title:"Next",children:t("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(I?"control-button--pause":"control-button--play"," ").concat(j?"control-button--disabled":""),onClick:I?X:J,title:j?"Frozen":I?"Pause":T?"Resume":"Start",disabled:j,children:t("svg",I?{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(j?"control-button--freeze-active":""),onClick:function(){return Y()},title:j?"Unfreeze":"Freeze",disabled:!I&&!T&&!j,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:t("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:"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:"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:"black"})]})})]})]})});L.displayName="Timer";var b=function(t){var n=t.progressEndDate,o=t.leftTime,a=t.progressTime,r=t.className,c=void 0===r?"":r,d=i(0),s=d[0],u=d[1],h=i(Date.now())[0];return l(function(){var e=null;if(!n||o||a){if(void 0!==o&&void 0!==a){var t=Math.max(0,Math.min(100,(a-o)/a*100));u(t)}}else{var i=function(){var t=Date.now(),i=Math.max(0,n-t),o=n-h,l=t-h,a=Math.max(0,Math.min(100,l/o*100));u(a),i<=0&&(u(100),e&&clearInterval(e))};i(),e=setInterval(i,100)}return function(){e&&clearInterval(e)}},[n,o,a,h]),e("div",{className:"progress-bar ".concat(c),children:e("div",{className:"progress-fill",style:{width:"".concat(s,"%")}})})};b.displayName="ProgressBar";export{m as Avatar,u as Chip,v as Histogram,r as InputNumber,C as ProductionUnit,h as ProductionUnitContainer,b as ProgressBar,s as Switch,L as Timer,p as ValueWithUnit};
2
2
  //# sourceMappingURL=index.esm.js.map