Polymorphe Zustandsmuster-Architektur für Svelte-Komponenten-Controller

class ViewState {
  render(controller) { throw new Error('Not implemented'); }
}
 
export class IdleState extends ViewState {
  render(controller) {
    return { label: 'Idle', canSubmit: false };
  }
}
 
export class ProcessingState extends ViewState {
  render(controller) {
    return { label: 'Working...', canSubmit: false };
  }
}
 
export class StateController {
  #currentState;
  constructor(initialState) {
    this.transitionTo(initialState);
  }
  transitionTo(state) {
    this.#currentState = state;
  }
  get current() {
    return this.#currentState.render(this);
  }
}