type Observer = {
  update(subject: Subject): void;
};

class Subject {
  get counter() {
    return 0;
  }

  private readonly observers: Observer[] = [];

  attach(observer: Observer): void {
    this.observers.push(observer);
  }

  detach(observer: Observer): void {
    const index = this.observers.indexOf(observer);
    if (index > -1) {
      this.observers.splice(index, 1);
    }
  }

  notify(): void {
    for (const observer of this.observers) {
      observer.update(this);
    }
  }
}

class ConcreteSubject extends Subject {
  // Concrete subject can have its own state or methods
  // that, when changed, trigger notifications
  someState = "";

  setState(newState: string): void {
    this.someState = newState;
    this.notify(); // Notify observers when state changes
  }
}

class ConcreteObserver implements Observer {
  update(subject: Subject): void {
    if (subject instanceof ConcreteSubject) {
      // Type guard
      console.log(`Updated. Subject's state: ${subject.someState}`);
    } else {
      console.log("Updated");
    }
  }
}

// List and Iterator implementations (from previous examples)
// ... (Include the List and Iterator implementations from the previous response here)

const example = {
  run(): void {
    const subject = new ConcreteSubject();
    const observer = new ConcreteObserver();

    subject.attach(observer);
    subject.setState("New State!"); // Example of state change and notification

    const observer2 = new ConcreteObserver();
    subject.attach(observer2);
    subject.setState("Another State!"); // Example with multiple observers

    subject.detach(observer); // Detach an observer
    subject.setState("Yet Another State!"); // Observer should not be notified
  }
};

example.run();