guess-the-year-web-component 2.3.1 → 3.0.0

package/dist/guess-the-year.d.ts

@@ -34,6 +34,7 @@ export declare class GuessTheYear extends LitElement {
     private _answers;
     private _hint;
     private _showHint;
+    private _showFooter;
     private _hintsIndex;
     private _hints;
     private _solution;

package/dist/guess-the-year.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guess-the-year.d.ts","sourceRoot":"","sources":["../src/guess-the-year.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"guess-the-year.d.ts","sourceRoot":"","sources":["../src/guess-the-year.ts"],"names":[],"mappings":"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"}

package/dist/guess-the-year.js

@@ -23,7 +23,7 @@ import { QuestionScoreController } from "./lib/controller/scorecontroller";
 // const RED = "#ec3737";
 // const BLACK = "#000";
 const SPLASH_DELAY = 3000;
-const MIN_YEAR = 1960;
+const MIN_YEAR = 1950;
 const MAX_YEAR = 2024;
 const MAX_QUESTIONS = 10;
 const HINT_COST = 2;
@@ -67,6 +67,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         this._answers = [];
         this._hint = undefined;
         this._showHint = true;
+        this._showFooter = false;
         this._hintsIndex = 0;
         this._hints = [];
         this._solution = undefined;
@@ -80,7 +81,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         this._answer = undefined;
         this._apiService = new ApiService(this.teeeApiUrl);
         this._intervalsPassed = 0;
-        this.i18n = i18nFactory("nl-nl");
+        this.i18n = i18nFactory("nl");
         // private _incidentsTask: Task = new Task(this, {
         //   task: async ([]) => {
         //     console.debug('incidentsTask');
@@ -182,7 +183,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         (_b = (_a = this === null || this === void 0 ? void 0 : this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(element)) === null || _b === void 0 ? void 0 : _b.style.setProperty("color", color);
     }
     // this renders the game header
-    _renderHeader(content = "Guess the Year!") {
+    _renderHeader(content = this.i18n.translate("game-name")) {
         return html `
       <section id="top" class="header guess-the-year-header">
         <h1>${content}</h1>
@@ -191,16 +192,18 @@ let GuessTheYear = class GuessTheYear extends LitElement {
     }
     // this renders the game footer
     _renderFooter() {
-        return html `
+        if (this._showFooter) {
+            return html `
       <section class="footer guess-the-year-footer">
         <div class="guess-the-year-copyright">
-          ${"Hasslefree ©" + dayjs().year()}
+          ${"The Throwback Company ©" + dayjs().year()}
         </div>
       </section>
     `;
+        }
+        return html ``;
     }
     // render the splash screen
-    // TODO: set the right logo
     renderSplashScreen() {
         console.debug("renderSplashScreen");
         // (pretend) to load before the game starts
@@ -211,10 +214,10 @@ let GuessTheYear = class GuessTheYear extends LitElement {
       <div id="splash-screen-container" class="splashscreen">
         <div class="splash-logo">
           <img
-            src="https://breehees.nl/wp-content/uploads/2022/03/superHuub-400x400.png"
-            alt="SuperHuub"
+            src="./assets/logo.png"
+            alt="logo"
           />
-          <h2>${this.i18n.translate("Guess the Year")}</h2>
+          <h2>${this.i18n.translate("game-name")}</h2>
           <p>${this.i18n.translate("Loading...")}</p>
         </div>
       </div>
@@ -252,33 +255,26 @@ let GuessTheYear = class GuessTheYear extends LitElement {
       `);
         }
         return html `
-      ${this._renderHeader('Welcome to "Guess the Year"')}
+      ${this._renderHeader(this.i18n.translate("game-introduction-welcome"))}
 
       <div class="game-intro">
         <div class="game-explanation">
           <p>
-            Marty, such a nice name. What? Hi, Marty. He's alright. Shape up,
-            man. You're a slacker. You wanna be a slacker for the rest of your
-            life?
+            ${this.i18n.translate("game-introduction-p1")}
           </p>
 
           <p>
-            Excuse me. Go. Go. Never mind that, never mind that now, never mind
-            that, never mind- Yeah, well, how about my homework, McFly? Don't
-            stop, Wilbert, drive.
+            ${this.i18n.translate("game-introduction-p2")}
           </p>
 
           <p>
-            Mom, is that you? Oh. Uh Doc, uh no. No, don't be silly. What did
-            your mother ever see in that kid? You guys, take him in back and
-            I'll be right there. Well c'mon, this ain't no peep show.
+            ${this.i18n.translate("game-introduction-p3")}
           </p>
         </div>
 
         <div class="game-settings">
           <p>
-            Right. Oh hey, Biff, hey, guys, how are you doing? Look, there's a
-            rhythmic
+            ${this.i18n.translate("game-settings-p1")}
             <select
               @change="${(event) => {
             this.numberOfQuestions = Number(event.target.value);
@@ -286,20 +282,20 @@ let GuessTheYear = class GuessTheYear extends LitElement {
             >
               ${selectQuestionOptions}
             </select>
-            vragen ceremonial ritual coming up. Vanaf begin
+            ${this.i18n.translate("game-settings-p2")}
             <select @change="${this._setFromDate}">
               ${this._renderYearSelectOptions(this.from.format("YYYY"))}
             </select>
-            Precisely, just relax now Calvin. Tot eind
+            ${this.i18n.translate("game-settings-p3")}
             <select @change="${this._setToDate}">
               ${this._renderYearSelectOptions(this.to.format("YYYY"))}
             </select>
-            you've got a big bruise on you're head.
+            ${this.i18n.translate("game-settings-p4")}
           </p>
         </div>
 
         <div class="game-start">
-          <button @click="${this.setupNewGame}">Start</button>
+          <button @click="${this.setupNewGame}">${this.i18n.translate("start")}</button>
         </div>
       </div>
     `;
@@ -314,7 +310,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
     renderGameStage() {
         console.debug("renderGameStage");
         return html `
-      ${this._renderHeader("Game On!!")}
+      ${this._renderHeader(this.i18n.translate("game-call-to-action"))}
       <div class="guess-the-year-game-stage">
         <div class="game-score">${this._renderGameScore()}</div>
 
@@ -374,19 +370,19 @@ let GuessTheYear = class GuessTheYear extends LitElement {
     _renderGameScore() {
         return html `
       <div class="game-score--total">
-        <div class="game-score--label">Vraag:</div>
+        <div class="game-score--label">${this.i18n.translate("question-number")}:</div>
         <div class="game-score--value">
           ${this._numberOfQuestionsSeen} van ${this.numberOfQuestions}
         </div>
       </div>
 
       <div class="game-score--score">
-        <div class="game-score--label">Score:</div>
+        <div class="game-score--label">${this.i18n.translate("question-score")}:</div>
         <div class="game-score--value">${this._score0.value}</div>
       </div>
 
       <div class="game-score--total">
-        <div class="game-score--label">Totaalscore:</div>
+        <div class="game-score--label">${this.i18n.translate("total-score")}:</div>
         <div class="game-score--value">${this.totalScore}</div>
       </div>
     `;
@@ -422,7 +418,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         return html `
       <div class="game-controls--hint">
         <button @click="${this._handleHintClicked}">
-          Toon hint (${this.maxHints - this._hintsIndex})
+         ${this.i18n.translate("show-hint")} (${this.maxHints - this._hintsIndex})
         </button>
       </div>
     `;
@@ -465,14 +461,12 @@ let GuessTheYear = class GuessTheYear extends LitElement {
             return html `
         <div class="feedback">
           <div class="feedback--content">
-            <h3>Correct!</h3>
+            <h3>${this.i18n.translate("answer-correct")}!</h3>
             <p>
-              Je hebt ${this._hintsIndex}
-              ${this._hintsIndex != 1 ? "hints" : "hint"} gebruikt.
+              ${this._hintsIndex == 1 ? this.i18n.translate("used-hint-singular") : this.i18n.translate("used-hint-plural").replace(/__HINTS__/, this._hintsIndex + '')}
             </p>
             <p>
-              Voor deze vraag heb je ${score} ${score != 1 ? "punten" : "punt"}
-              gehaald!
+              ${score == 1 ? this.i18n.translate("number-points-singular") : this.i18n.translate("number-points-plural").replace(/__POINTS__/, score + '')}
             </p>
 
             ${this._renderNextQuestionButton()}
@@ -484,10 +478,9 @@ let GuessTheYear = class GuessTheYear extends LitElement {
             return html `
         <div class="feedback">
           <div class="feedback--content">
-            <h3>Helaas</h3>
+            <h3>${this.i18n.translate("answer-wrong")}</h3>
             <p>
-              Je koos voor ${this._answer} maar het juiste antwoord was
-              ${this._solution}
+              ${this.i18n.translate("correct-answer-was").replace(/__WRONG__/, this._answer + '').replace(/__CORRECT__/, this._solution + '')}
             </p>
             ${this._renderNextQuestionButton()}
           </div>
@@ -500,8 +493,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
           <div class="feedback--content">
             <h3>Helaas</h3>
             <p>
-              Je hebt geen antwoord gegeven maar het juiste antwoord was
-              ${this._solution}
+            ${this.i18n.translate("no-answer-correct-answer-was").replace(/__CORRECT__/, this._solution + '')}
             </p>
             ${this._renderNextQuestionButton()}
           </div>
@@ -513,10 +505,10 @@ let GuessTheYear = class GuessTheYear extends LitElement {
     _renderNextQuestionButton() {
         if (this._numberOfQuestionsSeen < this.numberOfQuestions) {
             return html `
-        <button @click="${this._loadQuestion}">Volgende vraag</button>
+        <button @click="${this._loadQuestion}">${this.i18n.translate("next-question")}</button>
       `;
         }
-        return html ` <button @click="${this._endGame}">Afsluiten</button> `;
+        return html ` <button @click="${this._endGame}">${this.i18n.translate("quit")}</button> `;
     }
     // renders the end of the game
     _endGame() {
@@ -527,9 +519,9 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         console.debug("renderGameEnd");
         return html `
       ${this._renderHeader("The end!")}
-      <div class="guess-the-year-game-end">The end..</div>
+      <div class="guess-the-year-game-end">${this.i18n.translate("end")}</div>
       <button @click="${() => (this._renderState = GameState.SPLASH)}">
-        Nieuw spel
+      ${this.i18n.translate("new-game")}
       </button>
       ${this._renderFooter()}
     `;
@@ -550,20 +542,21 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         this._loadQuestion();
     }
     _resetStage() {
-        window.scrollTo(0, 0);
+        // window.scrollTo(0, 0);
+        this.sources = [];
         this._incident = undefined;
         this._hints = [];
         this._answer = undefined;
         this._answers = [];
         this._hintsIndex = 0;
         this._score0.reset();
-        this._showHint = true;
+        this._showHint = false;
         this._hint = undefined;
     }
     async _loadQuestion() {
         var _a;
         this._resetStage();
-        const response = await this._apiService.fetchOneIncident(this.country, this.category, this.emotion, this.impact, this.date, this.from.format("YYYY-MM-DD"), this.to.format("YYYY-MM-DD"), "40");
+        const response = await this._apiService.fetchOneIncident(this.country, this.category, this.emotion, this.impact, this.date, this.from.format("YYYY-MM-DD"), this.to.format("YYYY-MM-DD"), "40", "quiz_year");
         this._startTime = new Date();
         this._endTime = new Date();
         this._incident = response.incident;
@@ -585,7 +578,7 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         this._answers = answers;
         for (let i = 0; i < this.maxHints; i++) {
             console.info("loading hint", i);
-            const response = await this._apiService.fetchOneIncident(this.country, Util.shuffleArray(Categories).shift(), undefined, undefined, "", `${this._solution}-01-01`, `${this._solution}-12-31`, undefined);
+            const response = await this._apiService.fetchOneIncident(this.country, Util.shuffleArray(Categories).shift(), undefined, undefined, "", `${this._solution}-01-01`, `${this._solution}-12-31`, undefined, undefined);
             if (response.incident) {
                 this._hints.push(response.incident);
             }
@@ -593,6 +586,9 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         if (this._hints.length === 0) {
             this._showHint = false;
         }
+        else {
+            this._showHint = true;
+        }
         // start render game stage
         this._renderState = GameState.PLAY;
         // start score counter
@@ -780,9 +776,10 @@ let GuessTheYear = class GuessTheYear extends LitElement {
         if (!this.sources.length) {
             return html ``;
         }
+        // deduplicate array via [...new Set(this.sources)]
         return html `
       <div class="guess-the-year-sources">
-        Source: ${this.sources.join(", ")}
+        Source: ${[...new Set(this.sources)].join(", ")}
       </div>
     `;
     }

package/dist/guess-the-year.js.map

@@ -1 +1 @@
-{"version":3,"file":"guess-the-year.js","sourceRoot":"","sources":["../src/guess-the-year.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n// import { Task } from '@lit/task';\nimport dayjs from \"dayjs\";\nimport { Dayjs } from \"dayjs\";\n\nconst { setTimeout } = window;\n\nimport { Incident, Categories } from \"./lib/Incident\";\nimport { NoImageImg, RefreshIconSVG, SolutionIconSVG } from \"./lib/Icon\";\nimport { ApiService, ContentFeedback } from \"./lib/ApiService\";\nimport { Util } from \"./lib/Util\";\nimport { i18nFactory } from \"./lib/i18n/i18n\";\n\nimport { GameState } from \"./lib/enums\";\n\nimport stylesheet from \"./scss/main.scss\";\n\nimport { QuestionScoreController } from \"./lib/controller/scorecontroller\";\n\n// const GREEN = \"#07d207\";\n// const RED = \"#ec3737\";\n// const BLACK = \"#000\";\n\nconst SPLASH_DELAY: number = 3000;\nconst MIN_YEAR: number = 1960;\nconst MAX_YEAR: number = 2024;\nconst MAX_QUESTIONS: number = 10;\nconst HINT_COST: number = 2;\n\n@customElement(\"guess-the-year\")\nexport class GuessTheYear extends LitElement {\n  private _startTime: Date = new Date();\n  private _endTime: Date = new Date();\n  // private _uuid = Math.random();\n  private sources: Array<string> = [];\n  private _loading = false;\n\n  private _score0: QuestionScoreController;\n\n  get loading() {\n    return this._loading;\n  }\n\n  set loading(value: boolean) {\n    this._loading = value;\n  }\n\n  @property({ type: String, attribute: \"tee-e-api-url\" })\n  teeeApiUrl: string = \"https://api.tee-e.com\";\n\n  @property({ type: Boolean, attribute: \"report-broken-images\" })\n  reportBrokenImages: boolean = false;\n\n  @property({ type: String })\n  date: string = \"\";\n\n  @property({ type: String })\n  country: string = \"\";\n\n  @property({ type: String })\n  category: string = \"\";\n\n  @property({ type: String })\n  emotion: string = \"\";\n\n  @property({ type: String })\n  impact: string = \"\";\n\n  @property({\n    type: Dayjs,\n    converter: {\n      fromAttribute: (value: string) => {\n        console.info([\"from\", \"from\", value]);\n        if (!value) {\n          return dayjs();\n        }\n\n        if (value.length >= 10) {\n          return dayjs(value, \"YYYY-MM-DD\");\n        }\n\n        return dayjs(`${value}-01-01`, \"YYYY-MM-DD\");\n      },\n      toAttribute: (value: Dayjs) => {\n        console.info([\"from\", \"to\", value]);\n        return value.format(\"YYYY-MM-DD\");\n      },\n    },\n  })\n  from: Dayjs = dayjs(`${MIN_YEAR}-01-01`, \"YYYY-MM-DD\");\n\n  @property({\n    type: Dayjs,\n    converter: {\n      fromAttribute: (value: string) => {\n        console.info([\"to\", \"from\", value]);\n        if (!value) {\n          return dayjs();\n        }\n\n        if (value.length >= 10) {\n          return dayjs(value, \"YYYY-MM-DD\");\n        }\n\n        return dayjs(`${value}-12-31`, \"YYYY-MM-DD\");\n      },\n      toAttribute: (value: Dayjs) => {\n        console.info([\"to\", \"to\", value]);\n        return value.format(\"YYYY-MM-DD\");\n      },\n    },\n  })\n  to: Dayjs = dayjs(); // defaults to today\n\n  @property({ type: String })\n  limit: string = \"\";\n\n  @property({ type: Boolean })\n  shuffle: boolean = false;\n\n  @property({ type: Boolean, attribute: \"show-duration\" })\n  showDuration: boolean = false;\n\n  @property({ type: Boolean, attribute: \"show-feedback\" })\n  showFeedback: boolean = false;\n\n  @property({ type: String, attribute: \"no-image-src\" })\n  noImageSrc: string = \"\";\n\n  @property({ type: Boolean, attribute: \"suppress-images\" })\n  suppressImages: boolean = false;\n\n  @property({ type: Boolean, attribute: \"auto-focus\" })\n  autoFocus: boolean = false;\n\n  @property({ type: Number, attribute: \"hint-interval-length\" })\n  hintIntervalSecs: number = 7;\n\n  @property({ type: Number, attribute: \"max-hints\" })\n  maxHints: number = 3;\n\n  @property({ type: Number, attribute: \"max-tries\" })\n  maxTries: number = -1;\n\n  @property({ type: Number, attribute: \"number-of-questions\", reflect: true })\n  numberOfQuestions: number = 10;\n  private _numberOfQuestionsSeen: number = 0;\n\n  @state()\n  private _incident: Incident | undefined = undefined;\n\n  private _answers: Array<Number> = [];\n\n  @state()\n  private _hint: string | undefined = undefined;\n\n  private _showHint: boolean = true;\n  private _hintsIndex: number = 0;\n  private _hints: Array<Incident> = [];\n\n  @state()\n  private _solution: Number | undefined = undefined;\n\n  @state()\n  private _displaySolution: boolean = false;\n\n  @state()\n  private _answeredCorrectly: boolean = false;\n\n  @state()\n  private _tries: number = 0;\n\n  @state()\n  public _renderState: string = GameState.INIT;\n\n  @state()\n  private _score = 30;\n\n  public totalScore = 0;\n\n  // _answer is stored as string because it will be entered character for character\n  @state()\n  private _answer: number | undefined = undefined;\n\n  private _apiService = new ApiService(this.teeeApiUrl);\n  private _intervalsPassed: number = 0;\n  private i18n = i18nFactory(\"nl-nl\");\n\n  static override styles = css`\n    ${stylesheet}\n  `;\n\n  // private _game_engine: Engine;\n\n  constructor() {\n    super();\n\n    this._score0 = new QuestionScoreController(this, 30, 1000);\n\n    // this._engine = new GameController(this);\n  }\n\n  override connectedCallback() {\n    console.debug(\"connectedCallback\");\n    super.connectedCallback();\n\n    // first step is splash\n    this._renderState = GameState.SPLASH;\n  }\n\n  override disconnectedCallback() {\n    console.debug(\"disconnectedCallback\");\n    super.disconnectedCallback();\n    // clearInterval(this._intervalHandler);\n    this._renderState = GameState.INIT;\n    this._score0.stop();\n    this._score0.reset();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues): void {\n    console.debug(\"firstUpdated\");\n    super.firstUpdated(changedProperties);\n  }\n\n  override shouldUpdate(changedProperties: PropertyValues): boolean {\n    console.debug(\"shouldUpdate\");\n    return super.shouldUpdate(changedProperties);\n  }\n\n  override update(changedProperties: PropertyValues) {\n    console.debug(\"update\");\n    return super.update(changedProperties);\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    console.debug(\"updated\");\n    return super.updated(changedProperties);\n  }\n\n  override render() {\n    /**\n     * this is the main render function\n     * it renders different stages during the game\n     */\n    console.debug(\"render\");\n\n    return html`\n      <div class=\"guess-the-year-container\">\n        ${this._renderState == GameState.INIT ? \"Loading...\" : \"\"}\n        ${this._renderState == GameState.SPLASH\n          ? this.renderSplashScreen()\n          : \"\"}\n        ${this._renderState == GameState.INTRO ? this.renderGameIntro() : \"\"}\n        ${this._renderState == GameState.PLAY ? this.renderGameStage() : \"\"}\n        ${this._renderState == GameState.END ? this.renderGameEnd() : \"\"}\n        ${this._renderFooter()}\n      </div>\n    `;\n  }\n\n  colorElement(element: any, color: string) {\n    console.debug(\"colorElement\");\n    this?.shadowRoot?.querySelector(element)?.style.setProperty(\"color\", color);\n  }\n\n  // this renders the game header\n  private _renderHeader(content: string = \"Guess the Year!\"): TemplateResult {\n    return html`\n      <section id=\"top\" class=\"header guess-the-year-header\">\n        <h1>${content}</h1>\n      </section>\n    `;\n  }\n\n  // this renders the game footer\n  private _renderFooter(): TemplateResult {\n    return html`\n      <section class=\"footer guess-the-year-footer\">\n        <div class=\"guess-the-year-copyright\">\n          ${\"Hasslefree ©\" + dayjs().year()}\n        </div>\n      </section>\n    `;\n  }\n\n  // render the splash screen\n  // TODO: set the right logo\n  private renderSplashScreen(): TemplateResult {\n    console.debug(\"renderSplashScreen\");\n\n    // (pretend) to load before the game starts\n    setTimeout(() => {\n      this._renderState = GameState.INTRO;\n    }, SPLASH_DELAY);\n\n    return html`\n      <div id=\"splash-screen-container\" class=\"splashscreen\">\n        <div class=\"splash-logo\">\n          <img\n            src=\"https://breehees.nl/wp-content/uploads/2022/03/superHuub-400x400.png\"\n            alt=\"SuperHuub\"\n          />\n          <h2>${this.i18n.translate(\"Guess the Year\")}</h2>\n          <p>${this.i18n.translate(\"Loading...\")}</p>\n        </div>\n      </div>\n    `;\n  }\n\n  // renders a selector for a year\n  // TODO: set type of selector\n  private _renderYearSelectOptions(selectedValue: string): TemplateResult {\n    const selected = parseInt(selectedValue, 10);\n    // pre-render year options\n    // and mark selected when they match\n    const selectYearOptions = [];\n    for (let i = MIN_YEAR; i <= MAX_YEAR; i += 5) {\n      selectYearOptions.push(html`\n        <option value=\"${i}\" ?selected=${selected == i}>${i}</option>\n      `);\n    }\n\n    return html`${selectYearOptions}`;\n  }\n\n  // render the game intro\n  // allows to select the number of questions,\n  // select the year range\n  // and to start the game\n  // TODO: add real content\n  private renderGameIntro(): TemplateResult {\n    console.info(\"renderGameIntro\");\n\n    // pre-render number of question options\n    // and mark selected when they match\n    const selectQuestionOptions = [];\n    for (let i = 1; i <= MAX_QUESTIONS; i++) {\n      selectQuestionOptions.push(html`\n        <option value=\"${i}\" ?selected=${this.numberOfQuestions == i}>\n          ${i}\n        </option>\n      `);\n    }\n\n    return html`\n      ${this._renderHeader('Welcome to \"Guess the Year\"')}\n\n      <div class=\"game-intro\">\n        <div class=\"game-explanation\">\n          <p>\n            Marty, such a nice name. What? Hi, Marty. He's alright. Shape up,\n            man. You're a slacker. You wanna be a slacker for the rest of your\n            life?\n          </p>\n\n          <p>\n            Excuse me. Go. Go. Never mind that, never mind that now, never mind\n            that, never mind- Yeah, well, how about my homework, McFly? Don't\n            stop, Wilbert, drive.\n          </p>\n\n          <p>\n            Mom, is that you? Oh. Uh Doc, uh no. No, don't be silly. What did\n            your mother ever see in that kid? You guys, take him in back and\n            I'll be right there. Well c'mon, this ain't no peep show.\n          </p>\n        </div>\n\n        <div class=\"game-settings\">\n          <p>\n            Right. Oh hey, Biff, hey, guys, how are you doing? Look, there's a\n            rhythmic\n            <select\n              @change=\"${(event: any) => {\n                this.numberOfQuestions = Number(event.target.value);\n              }}\"\n            >\n              ${selectQuestionOptions}\n            </select>\n            vragen ceremonial ritual coming up. Vanaf begin\n            <select @change=\"${this._setFromDate}\">\n              ${this._renderYearSelectOptions(this.from.format(\"YYYY\"))}\n            </select>\n            Precisely, just relax now Calvin. Tot eind\n            <select @change=\"${this._setToDate}\">\n              ${this._renderYearSelectOptions(this.to.format(\"YYYY\"))}\n            </select>\n            you've got a big bruise on you're head.\n          </p>\n        </div>\n\n        <div class=\"game-start\">\n          <button @click=\"${this.setupNewGame}\">Start</button>\n        </div>\n      </div>\n    `;\n  }\n\n  private _setFromDate(event: any): void {\n    this.from = this.from.year(event.target.value);\n  }\n\n  private _setToDate(event: any): void {\n    this.to = this.to.year(event.target.value);\n  }\n\n  // renders the actual game stage\n  private renderGameStage(): TemplateResult {\n    console.debug(\"renderGameStage\");\n\n    return html`\n      ${this._renderHeader(\"Game On!!\")}\n      <div class=\"guess-the-year-game-stage\">\n        <div class=\"game-score\">${this._renderGameScore()}</div>\n\n        <div class=\"container\">\n          <div class=\"incident\">${this._renderIncident()}</div>\n          ${this._renderHint()}\n          <div class=\"sources\">${this.renderSources()}</div>\n        </div>\n\n        <div class=\"game-controls\">\n          <div class=\"game-controls--hint\">${this._renderHintButton()}</div>\n          <div class=\"game-controls--answers\">${this._renderAnswers()}</div>\n        </div>\n\n        ${this._renderFeedback()}\n      </div>\n    `;\n  }\n\n  // renders the item for the year to guess\n  private _renderIncident(): TemplateResult {\n    return html`\n      <div class=\"incident--title\">\n        <h1>${this._incident?.title}</h1>\n      </div>\n\n      ${this._renderIncidentImage(this._incident)}\n\n      <div class=\"incident--text\">\n        <p>${this._incident?.text}</p>\n      </div>\n    `;\n  }\n\n  // renders the optional image with the item\n  private _renderIncidentImage(incident: Incident | undefined): TemplateResult {\n    if (incident && incident.image) {\n      return html`\n        <div class=\"incident--image\">\n          <img src=\"${incident.image}\" />\n        </div>\n      `;\n    }\n\n    return html``;\n  }\n\n  // renders a list of possible answers\n  private _renderAnswers(): TemplateResult {\n    return html`\n      <div class=\"answers--list\">\n        <ul>\n          ${this._answers.map(\n            (answer) =>\n              html`<li @click=\"${this._handleAnswerClicked}\">${answer}</li>`,\n          )}\n        </ul>\n      </div>\n    `;\n  }\n\n  // renders the current question score\n  // it counts back to 0\n  private _renderGameScore(): TemplateResult {\n    return html`\n      <div class=\"game-score--total\">\n        <div class=\"game-score--label\">Vraag:</div>\n        <div class=\"game-score--value\">\n          ${this._numberOfQuestionsSeen} van ${this.numberOfQuestions}\n        </div>\n      </div>\n\n      <div class=\"game-score--score\">\n        <div class=\"game-score--label\">Score:</div>\n        <div class=\"game-score--value\">${this._score0.value}</div>\n      </div>\n\n      <div class=\"game-score--total\">\n        <div class=\"game-score--label\">Totaalscore:</div>\n        <div class=\"game-score--value\">${this.totalScore}</div>\n      </div>\n    `;\n  }\n\n  // handles the click on an answer\n  private _handleAnswerClicked(event: any): void {\n    // get the clicked answer\n    const answer = event.target.textContent;\n\n    // stop the score counter\n    this._score0.stop();\n\n    // remove the hint button\n    this._showHint = false;\n\n    // check if the answer is correct\n    if (answer) {\n      // this._apiService.postIncidentAnswer(this._incident?.id, answer);\n      console.info(\n        answer,\n        this._solution,\n        this._score,\n        answer == this._solution,\n      );\n\n      this._answer = answer;\n    }\n  }\n\n  // renders the requested hint\n  private _renderHint(): TemplateResult {\n    if (!this._hint) {\n      return html``;\n    }\n\n    return html` <p>${this._hint}</p> `;\n  }\n\n  // renders the hint button until\n  // all max hints have been used\n  private _renderHintButton(): TemplateResult {\n    if (!this._showHint) {\n      return html``;\n    }\n\n    return html`\n      <div class=\"game-controls--hint\">\n        <button @click=\"${this._handleHintClicked}\">\n          Toon hint (${this.maxHints - this._hintsIndex})\n        </button>\n      </div>\n    `;\n  }\n\n  // handles the click on the hint button\n  // and shows the next hint if available\n  // subtracts the cost of the hint from\n  // the question score\n  private _handleHintClicked(): void {\n    console.info(\"handleHintClicked\", [this._hintsIndex, this._hints.length]);\n\n    if (this._hintsIndex < this._hints.length) {\n      const hintText = this._generateHintText(this._hints[this._hintsIndex]);\n\n      if (hintText) {\n        this._hint = hintText;\n        this._hintsIndex++;\n        this._score0.subtract(HINT_COST);\n      }\n    }\n\n    if (this._hintsIndex >= this._hints.length) {\n      // this._hintsIndex = 0;\n      this._showHint = false;\n    }\n  }\n\n  // renders the feedback overlay\n  private _renderFeedback(): TemplateResult {\n    // do not show anything until an answer has been made\n    // and the score is greater than 0\n    if (!this._answer && this._score0.value > 0) {\n      return html``;\n    }\n\n    // check if the answer is correct\n    // cast to strings to compare\n    const is_correct = this._answer + \"\" == this._solution + \"\";\n    const score = is_correct ? this._score0.value : 0;\n\n    if (this._score0.isRunning()) {\n      this._score0.stop();\n    }\n\n    this.totalScore += score;\n\n    if (is_correct) {\n      return html`\n        <div class=\"feedback\">\n          <div class=\"feedback--content\">\n            <h3>Correct!</h3>\n            <p>\n              Je hebt ${this._hintsIndex}\n              ${this._hintsIndex != 1 ? \"hints\" : \"hint\"} gebruikt.\n            </p>\n            <p>\n              Voor deze vraag heb je ${score} ${score != 1 ? \"punten\" : \"punt\"}\n              gehaald!\n            </p>\n\n            ${this._renderNextQuestionButton()}\n          </div>\n        </div>\n      `;\n    } else if (!is_correct && this._answer) {\n      return html`\n        <div class=\"feedback\">\n          <div class=\"feedback--content\">\n            <h3>Helaas</h3>\n            <p>\n              Je koos voor ${this._answer} maar het juiste antwoord was\n              ${this._solution}\n            </p>\n            ${this._renderNextQuestionButton()}\n          </div>\n        </div>\n      `;\n    } else {\n      return html`\n        <div class=\"feedback\">\n          <div class=\"feedback--content\">\n            <h3>Helaas</h3>\n            <p>\n              Je hebt geen antwoord gegeven maar het juiste antwoord was\n              ${this._solution}\n            </p>\n            ${this._renderNextQuestionButton()}\n          </div>\n        </div>\n      `;\n    }\n  }\n\n  // renders the next question button\n  private _renderNextQuestionButton(): TemplateResult {\n    if (this._numberOfQuestionsSeen < this.numberOfQuestions) {\n      return html`\n        <button @click=\"${this._loadQuestion}\">Volgende vraag</button>\n      `;\n    }\n\n    return html` <button @click=\"${this._endGame}\">Afsluiten</button> `;\n  }\n\n  // renders the end of the game\n  private _endGame(): void {\n    this._renderState = GameState.END;\n  }\n\n  private renderGameEnd(): TemplateResult {\n    // clearInterval(this._scoreIntervalHandler);\n\n    console.debug(\"renderGameEnd\");\n    return html`\n      ${this._renderHeader(\"The end!\")}\n      <div class=\"guess-the-year-game-end\">The end..</div>\n      <button @click=\"${() => (this._renderState = GameState.SPLASH)}\">\n        Nieuw spel\n      </button>\n      ${this._renderFooter()}\n    `;\n  }\n\n  // private _incidentsStack = [];\n\n  // private _totalScore: number = 0;\n\n  private setupNewGame(): void {\n    console.log(\"new game!\");\n\n    console.info({\n      \"number of questions\": this.numberOfQuestions,\n      from: this.from.toISOString(),\n      to: this.to.toISOString(),\n    });\n\n    this.totalScore = 0;\n    this._numberOfQuestionsSeen = 0;\n\n    // this._question.load(this.from.format('YYYY'), this.to.format('YYYY'));\n    // this._question.init();\n\n    this._loadQuestion();\n  }\n\n  private _resetStage(): void {\n    window.scrollTo(0, 0);\n\n    this._incident = undefined;\n    this._hints = [];\n    this._answer = undefined;\n    this._answers = [];\n    this._hintsIndex = 0;\n    this._score0.reset();\n    this._showHint = true;\n    this._hint = undefined;\n  }\n\n  async _loadQuestion(): Promise<void> {\n    this._resetStage();\n\n    const response: { incident: Incident | undefined; sources: string[] } =\n      await this._apiService.fetchOneIncident(\n        this.country,\n        this.category,\n        this.emotion,\n        this.impact,\n        this.date,\n        this.from.format(\"YYYY-MM-DD\"),\n        this.to.format(\"YYYY-MM-DD\"),\n        \"40\",\n      );\n\n    this._startTime = new Date();\n    this._endTime = new Date();\n    this._incident = response.incident;\n    this.sources = response.sources;\n    this._tries = this.maxTries;\n\n    this._solution = Number(\n      (response.incident?.yearplusmonth || \"\").substring(0, 4),\n    );\n\n    const answers = [this._solution];\n    const from = this.from.year();\n    const to = this.to.year();\n\n    // generate 3 more random and unique answers between to and from\n    while (answers.length < 4) {\n      const randomAnswer = Math.floor(Math.random() * (to - from)) + from;\n      if (!answers.includes(randomAnswer)) {\n        answers.push(randomAnswer);\n      }\n    }\n\n    // sort theses answers\n    answers.sort();\n\n    this._answers = answers;\n\n    for (let i = 0; i < this.maxHints; i++) {\n      console.info(\"loading hint\", i);\n\n      const response: { incident: Incident | undefined; sources: string[] } =\n        await this._apiService.fetchOneIncident(\n          this.country,\n          Util.shuffleArray(Categories).shift(),\n          undefined,\n          undefined,\n          \"\",\n          `${this._solution}-01-01`,\n          `${this._solution}-12-31`,\n          undefined,\n        );\n\n      if (response.incident) {\n        this._hints.push(response.incident);\n      }\n    }\n\n    if (this._hints.length === 0) {\n      this._showHint = false;\n    }\n\n    // start render game stage\n    this._renderState = GameState.PLAY;\n\n    // start score counter\n    this._score0.start();\n\n    // increment question counter\n    this._numberOfQuestionsSeen += 1;\n  }\n\n  renderRefreshButton(): TemplateResult {\n    return html`<div class=\"refresh\" id=\"refresh\" @click=\"${this.setupNewGame}\">\n      <span>${unsafeHTML(RefreshIconSVG)}</span>\n    </div>`;\n  }\n\n  renderStopGameButton(): TemplateResult {\n    return html`<div\n      class=\"stop-game\"\n      id=\"stop-game\"\n      @click=\"${() => {\n        this._displaySolution = true;\n      }}\"\n    >\n      <span>${unsafeHTML(SolutionIconSVG)}</span>\n    </div>`;\n  }\n\n  renderFeedbackPossibility(): TemplateResult {\n    if (this.showFeedback) {\n      return html`<div class=\"feedback-possibility\">\n        <input\n          type=\"text\"\n          id=\"feedback\"\n          size=\"15\"\n          placeholder=\"${this.i18n.translate(\"your-feedback\")}\"\n        />\n      </div>`;\n    } else {\n      return html``;\n    }\n  }\n\n  renderSubmitPossibility(): TemplateResult {\n    return html`<div class=\"submit-possibility\">\n      <input\n        type=\"text\"\n        id=\"answer\"\n        size=\"15\"\n        ?disabled=${this._displaySolution}\n        placeholder=\"${this.i18n.translate(\"your-answer\")}\"\n      />\n      ${this.renderTries()}\n    </div>`;\n  }\n\n  renderTries(): TemplateResult {\n    const i18nKey = this._tries > 1 ? \"tries-left\" : \"try-left\";\n    if (this._tries >= 0 && !this._displaySolution) {\n      return html`<span class=\"tries\"\n        >${this.i18n\n          .translate(i18nKey)\n          .replace(\"__TRIES__\", \"\" + this._tries)}</span\n      >`;\n    }\n    return html``;\n  }\n\n  renderTheSolution(): TemplateResult {\n    if (this._displaySolution) {\n      return html`<div class=\"solution\">${this._solution}</div>\n        ${this.renderTheDuration()} `;\n    }\n    return html``;\n  }\n\n  renderTheDuration(): TemplateResult {\n    const duration = Math.round(\n      new Date(this._endTime.getTime() - this._startTime.getTime()).getTime() /\n        1000,\n    );\n    const i18nKey = duration === 1 ? \"in-x-seconds\" : \"in-one-second\";\n    if (this.showDuration && this._answeredCorrectly) {\n      return html`<div class=\"timer\">\n        ${this.i18n.translate(i18nKey).replace(\"__SECONDS__\", \"\" + duration)}\n      </div>`;\n    }\n    return html``;\n  }\n\n  renderTiles(incident: Incident | undefined) {\n    console.debug(\"renderTiles\");\n    if (!incident) {\n      return \"\";\n    }\n    return html`${this.renderTile(incident)}`;\n  }\n\n  private _tileShouldDisplayAnImage(incident: Incident): boolean {\n    const hasImage = !!incident.image;\n    const displayImages = !this.suppressImages;\n    return hasImage && displayImages;\n  }\n\n  renderTile(incident: Incident): TemplateResult {\n    console.debug(\"renderTile\");\n    const tileContent: TemplateResult = this.renderTileContent(incident);\n    if (this._tileShouldDisplayAnImage(incident)) {\n      return html`<div class=\"guess-the-year-tile with-image\">\n        ${tileContent}\n      </div>`;\n    }\n\n    return html`<div class=\"guess-the-year-tile\">${tileContent}</div>`;\n  }\n\n  renderTileContent(incident: Incident): TemplateResult {\n    console.debug(\"renderTileContent\");\n    return html`<div class=\"guess-the-year-tile-content\">\n      ${this.renderTileTitle(incident)} ${this.renderTileImage(incident)}\n      ${this.renderTileTextContent(incident)}\n    </div>`;\n  }\n\n  private _generateHintText(hintIncident: Incident): string {\n    let hint = \"\";\n    const hintTemplates = this.i18n.HintTemplates[hintIncident.category];\n    switch (hintIncident.category) {\n      case \"newsItem\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] || \"\"\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"radioSong\":\n        // The title property of radioSongs always follow this pattern: track - artist\n        const track = hintIncident.title.replace(/(.*?)\\s+\\-.*/, \"$1\");\n        const artist = hintIncident.title.replace(/.*\\-(.*)/, \"$1\");\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        )\n          .replace(/__ARTIST__/, artist)\n          .replace(/__TRACK__/, track);\n        break;\n      case \"cinemaMovie\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"tech\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"newsPresenter\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"sports\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n    }\n    return hint;\n  }\n\n  renderHintTile(hint: Incident | undefined): TemplateResult {\n    if (hint) {\n      console.debug(\"renderHint\");\n      return html`<div class=\"guess-the-year-hint-tile\">\n        <h1 class=\"title\">\n          Hint ${this._intervalsPassed} <br />\n          ${this._generateHintText(hint)}\n        </h1>\n        ${this.renderTileTextContent(hint)}\n      </div>`;\n    }\n    return html``;\n  }\n\n  renderTileTitle(incident: Incident): TemplateResult {\n    console.debug(\"renderTileTitle\");\n    if (incident.title) {\n      return html`<h1 class=\"guess-the-year-tile-title\">${incident.title}</h1>`;\n    }\n    return html``;\n  }\n\n  renderTileImage(incident: Incident): TemplateResult {\n    console.debug(\"renderTileImage\");\n    if (this._tileShouldDisplayAnImage(incident)) {\n      return html`<img\n        @error=${(evt: Event) => {\n          this._handleImageLoadError(evt, incident);\n        }}\n        src=${incident.image}\n      />`;\n    }\n    return html``;\n  }\n\n  renderTileTextContent(incident: Incident): TemplateResult {\n    console.debug(\"renderTileTextContent\");\n    if (incident.text) {\n      return html`<p class=\"hint-text\">${incident.text}</p>`;\n    }\n    return html``;\n  }\n\n  renderSources(): TemplateResult {\n    console.debug(\"renderSources\");\n    if (!this.sources.length) {\n      return html``;\n    }\n    return html`\n      <div class=\"guess-the-year-sources\">\n        Source: ${this.sources.join(\", \")}\n      </div>\n    `;\n  }\n\n  // private _incidentsTask: Task = new Task(this, {\n  //   task: async ([]) => {\n  //     console.debug('incidentsTask');\n  //     if (!this.loading) {\n  //       this.loading = true;\n  //       await this.setupNewGame();\n  //       this.loading = false;\n  //     }\n  //   },\n  //   args: () => [\n  //     this.country,\n  //     this.category,\n  //     this.emotion,\n  //     this.impact,\n  //     this.date,\n  //     this.from,\n  //     this.to,\n  //   ],\n  // });\n\n  _handleImageLoadError = (evt: Event, incident: Incident) => {\n    // grab the image element that triggered the error\n    const targetImage = evt.target as HTMLImageElement;\n    console.info(`Error loading image: ${targetImage.src}`);\n\n    // find out which no image source needs to be used\n    const noImageSrc = this.noImageSrc || NoImageImg;\n\n    // don't try to set the image source if it\n    // has already been set\n    if (targetImage.src == noImageSrc) {\n      return;\n    }\n\n    // report broken images back to the server if set.\n    if (this.reportBrokenImages) {\n      if (incident) {\n        this._apiService.postAttributeQualityFeedback(\n          incident.id,\n          \"image\",\n          targetImage.src,\n          ContentFeedback.incorrect,\n        );\n      }\n    }\n\n    // wait a bit before setting the image\n    // so we don't hammer the no image server\n    setTimeout(() => {\n      targetImage.src = noImageSrc;\n    }, 250);\n\n    return false;\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"guess-the-year\": GuessTheYear;\n  }\n}\n"]}
+{"version":3,"file":"guess-the-year.js","sourceRoot":"","sources":["../src/guess-the-year.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\n// import { Task } from '@lit/task';\nimport dayjs from \"dayjs\";\nimport { Dayjs } from \"dayjs\";\n\nconst { setTimeout } = window;\n\nimport { Incident, Categories } from \"./lib/Incident\";\nimport { NoImageImg, RefreshIconSVG, SolutionIconSVG } from \"./lib/Icon\";\nimport { ApiService, ContentFeedback } from \"./lib/ApiService\";\nimport { Util } from \"./lib/Util\";\nimport { i18nFactory } from \"./lib/i18n/i18n\";\n\nimport { GameState } from \"./lib/enums\";\n\nimport stylesheet from \"./scss/main.scss\";\n\nimport { QuestionScoreController } from \"./lib/controller/scorecontroller\";\n\n// const GREEN = \"#07d207\";\n// const RED = \"#ec3737\";\n// const BLACK = \"#000\";\n\nconst SPLASH_DELAY: number = 3000;\nconst MIN_YEAR: number = 1950;\nconst MAX_YEAR: number = 2024;\nconst MAX_QUESTIONS: number = 10;\nconst HINT_COST: number = 2;\n\n@customElement(\"guess-the-year\")\nexport class GuessTheYear extends LitElement {\n  private _startTime: Date = new Date();\n  private _endTime: Date = new Date();\n  // private _uuid = Math.random();\n  private sources: Array<string> = [];\n  private _loading = false;\n\n  private _score0: QuestionScoreController;\n\n  get loading() {\n    return this._loading;\n  }\n\n  set loading(value: boolean) {\n    this._loading = value;\n  }\n\n  @property({ type: String, attribute: \"tee-e-api-url\" })\n  teeeApiUrl: string = \"https://api.tee-e.com\";\n\n  @property({ type: Boolean, attribute: \"report-broken-images\" })\n  reportBrokenImages: boolean = false;\n\n  @property({ type: String })\n  date: string = \"\";\n\n  @property({ type: String })\n  country: string = \"\";\n\n  @property({ type: String })\n  category: string = \"\";\n\n  @property({ type: String })\n  emotion: string = \"\";\n\n  @property({ type: String })\n  impact: string = \"\";\n\n  @property({\n    type: Dayjs,\n    converter: {\n      fromAttribute: (value: string) => {\n        console.info([\"from\", \"from\", value]);\n        if (!value) {\n          return dayjs();\n        }\n\n        if (value.length >= 10) {\n          return dayjs(value, \"YYYY-MM-DD\");\n        }\n\n        return dayjs(`${value}-01-01`, \"YYYY-MM-DD\");\n      },\n      toAttribute: (value: Dayjs) => {\n        console.info([\"from\", \"to\", value]);\n        return value.format(\"YYYY-MM-DD\");\n      },\n    },\n  })\n  from: Dayjs = dayjs(`${MIN_YEAR}-01-01`, \"YYYY-MM-DD\");\n\n  @property({\n    type: Dayjs,\n    converter: {\n      fromAttribute: (value: string) => {\n        console.info([\"to\", \"from\", value]);\n        if (!value) {\n          return dayjs();\n        }\n\n        if (value.length >= 10) {\n          return dayjs(value, \"YYYY-MM-DD\");\n        }\n\n        return dayjs(`${value}-12-31`, \"YYYY-MM-DD\");\n      },\n      toAttribute: (value: Dayjs) => {\n        console.info([\"to\", \"to\", value]);\n        return value.format(\"YYYY-MM-DD\");\n      },\n    },\n  })\n  to: Dayjs = dayjs(); // defaults to today\n\n  @property({ type: String })\n  limit: string = \"\";\n\n  @property({ type: Boolean })\n  shuffle: boolean = false;\n\n  @property({ type: Boolean, attribute: \"show-duration\" })\n  showDuration: boolean = false;\n\n  @property({ type: Boolean, attribute: \"show-feedback\" })\n  showFeedback: boolean = false;\n\n  @property({ type: String, attribute: \"no-image-src\" })\n  noImageSrc: string = \"\";\n\n  @property({ type: Boolean, attribute: \"suppress-images\" })\n  suppressImages: boolean = false;\n\n  @property({ type: Boolean, attribute: \"auto-focus\" })\n  autoFocus: boolean = false;\n\n  @property({ type: Number, attribute: \"hint-interval-length\" })\n  hintIntervalSecs: number = 7;\n\n  @property({ type: Number, attribute: \"max-hints\" })\n  maxHints: number = 3;\n\n  @property({ type: Number, attribute: \"max-tries\" })\n  maxTries: number = -1;\n\n  @property({ type: Number, attribute: \"number-of-questions\", reflect: true })\n  numberOfQuestions: number = 10;\n  private _numberOfQuestionsSeen: number = 0;\n\n  @state()\n  private _incident: Incident | undefined = undefined;\n\n  private _answers: Array<Number> = [];\n\n  @state()\n  private _hint: string | undefined = undefined;\n\n  private _showHint: boolean = true;\n  private _showFooter: boolean = false;\n  private _hintsIndex: number = 0;\n  private _hints: Array<Incident> = [];\n\n  @state()\n  private _solution: Number | undefined = undefined;\n\n  @state()\n  private _displaySolution: boolean = false;\n\n  @state()\n  private _answeredCorrectly: boolean = false;\n\n  @state()\n  private _tries: number = 0;\n\n  @state()\n  public _renderState: string = GameState.INIT;\n\n  @state()\n  private _score = 30;\n\n  public totalScore = 0;\n\n  // _answer is stored as string because it will be entered character for character\n  @state()\n  private _answer: number | undefined = undefined;\n\n  private _apiService = new ApiService(this.teeeApiUrl);\n  private _intervalsPassed: number = 0;\n  private i18n = i18nFactory(\"nl\");\n\n  static override styles = css`\n    ${stylesheet}\n  `;\n\n  // private _game_engine: Engine;\n\n  constructor() {\n    super();\n\n    this._score0 = new QuestionScoreController(this, 30, 1000);\n\n    // this._engine = new GameController(this);\n  }\n\n  override connectedCallback() {\n    console.debug(\"connectedCallback\");\n    super.connectedCallback();\n\n    // first step is splash\n    this._renderState = GameState.SPLASH;\n  }\n\n  override disconnectedCallback() {\n    console.debug(\"disconnectedCallback\");\n    super.disconnectedCallback();\n    // clearInterval(this._intervalHandler);\n    this._renderState = GameState.INIT;\n    this._score0.stop();\n    this._score0.reset();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues): void {\n    console.debug(\"firstUpdated\");\n    super.firstUpdated(changedProperties);\n  }\n\n  override shouldUpdate(changedProperties: PropertyValues): boolean {\n    console.debug(\"shouldUpdate\");\n    return super.shouldUpdate(changedProperties);\n  }\n\n  override update(changedProperties: PropertyValues) {\n    console.debug(\"update\");\n    return super.update(changedProperties);\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    console.debug(\"updated\");\n    return super.updated(changedProperties);\n  }\n\n  override render() {\n    /**\n     * this is the main render function\n     * it renders different stages during the game\n     */\n    console.debug(\"render\");\n\n    return html`\n      <div class=\"guess-the-year-container\">\n        ${this._renderState == GameState.INIT ? \"Loading...\" : \"\"}\n        ${this._renderState == GameState.SPLASH\n        ? this.renderSplashScreen()\n        : \"\"}\n        ${this._renderState == GameState.INTRO ? this.renderGameIntro() : \"\"}\n        ${this._renderState == GameState.PLAY ? this.renderGameStage() : \"\"}\n        ${this._renderState == GameState.END ? this.renderGameEnd() : \"\"}\n        ${this._renderFooter()}\n      </div>\n    `;\n  }\n\n  colorElement(element: any, color: string) {\n    console.debug(\"colorElement\");\n    this?.shadowRoot?.querySelector(element)?.style.setProperty(\"color\", color);\n  }\n\n  // this renders the game header\n  private _renderHeader(content: string = this.i18n.translate(\"game-name\")): TemplateResult {\n    return html`\n      <section id=\"top\" class=\"header guess-the-year-header\">\n        <h1>${content}</h1>\n      </section>\n    `;\n  }\n\n  // this renders the game footer\n  private _renderFooter(): TemplateResult {\n    if (this._showFooter) {\n      return html`\n      <section class=\"footer guess-the-year-footer\">\n        <div class=\"guess-the-year-copyright\">\n          ${\"The Throwback Company ©\" + dayjs().year()}\n        </div>\n      </section>\n    `;\n    }\n    return html``;\n  }\n\n  // render the splash screen\n  private renderSplashScreen(): TemplateResult {\n    console.debug(\"renderSplashScreen\");\n\n    // (pretend) to load before the game starts\n    setTimeout(() => {\n      this._renderState = GameState.INTRO;\n    }, SPLASH_DELAY);\n\n    return html`\n      <div id=\"splash-screen-container\" class=\"splashscreen\">\n        <div class=\"splash-logo\">\n          <img\n            src=\"./assets/logo.png\"\n            alt=\"logo\"\n          />\n          <h2>${this.i18n.translate(\"game-name\")}</h2>\n          <p>${this.i18n.translate(\"Loading...\")}</p>\n        </div>\n      </div>\n    `;\n  }\n\n  // renders a selector for a year\n  // TODO: set type of selector\n  private _renderYearSelectOptions(selectedValue: string): TemplateResult {\n    const selected = parseInt(selectedValue, 10);\n    // pre-render year options\n    // and mark selected when they match\n    const selectYearOptions = [];\n    for (let i = MIN_YEAR; i <= MAX_YEAR; i += 5) {\n      selectYearOptions.push(html`\n        <option value=\"${i}\" ?selected=${selected == i}>${i}</option>\n      `);\n    }\n\n    return html`${selectYearOptions}`;\n  }\n\n  // render the game intro\n  // allows to select the number of questions,\n  // select the year range\n  // and to start the game\n  // TODO: add real content\n  private renderGameIntro(): TemplateResult {\n    console.info(\"renderGameIntro\");\n\n    // pre-render number of question options\n    // and mark selected when they match\n    const selectQuestionOptions = [];\n    for (let i = 1; i <= MAX_QUESTIONS; i++) {\n      selectQuestionOptions.push(html`\n        <option value=\"${i}\" ?selected=${this.numberOfQuestions == i}>\n          ${i}\n        </option>\n      `);\n    }\n\n    return html`\n      ${this._renderHeader(this.i18n.translate(\"game-introduction-welcome\"))}\n\n      <div class=\"game-intro\">\n        <div class=\"game-explanation\">\n          <p>\n            ${this.i18n.translate(\"game-introduction-p1\")}\n          </p>\n\n          <p>\n            ${this.i18n.translate(\"game-introduction-p2\")}\n          </p>\n\n          <p>\n            ${this.i18n.translate(\"game-introduction-p3\")}\n          </p>\n        </div>\n\n        <div class=\"game-settings\">\n          <p>\n            ${this.i18n.translate(\"game-settings-p1\")}\n            <select\n              @change=\"${(event: any) => {\n        this.numberOfQuestions = Number(event.target.value);\n      }}\"\n            >\n              ${selectQuestionOptions}\n            </select>\n            ${this.i18n.translate(\"game-settings-p2\")}\n            <select @change=\"${this._setFromDate}\">\n              ${this._renderYearSelectOptions(this.from.format(\"YYYY\"))}\n            </select>\n            ${this.i18n.translate(\"game-settings-p3\")}\n            <select @change=\"${this._setToDate}\">\n              ${this._renderYearSelectOptions(this.to.format(\"YYYY\"))}\n            </select>\n            ${this.i18n.translate(\"game-settings-p4\")}\n          </p>\n        </div>\n\n        <div class=\"game-start\">\n          <button @click=\"${this.setupNewGame}\">${this.i18n.translate(\"start\")}</button>\n        </div>\n      </div>\n    `;\n  }\n\n  private _setFromDate(event: any): void {\n    this.from = this.from.year(event.target.value);\n  }\n\n  private _setToDate(event: any): void {\n    this.to = this.to.year(event.target.value);\n  }\n\n  // renders the actual game stage\n  private renderGameStage(): TemplateResult {\n    console.debug(\"renderGameStage\");\n\n    return html`\n      ${this._renderHeader(this.i18n.translate(\"game-call-to-action\"))}\n      <div class=\"guess-the-year-game-stage\">\n        <div class=\"game-score\">${this._renderGameScore()}</div>\n\n        <div class=\"container\">\n          <div class=\"incident\">${this._renderIncident()}</div>\n          ${this._renderHint()}\n          <div class=\"sources\">${this.renderSources()}</div>\n        </div>\n\n        <div class=\"game-controls\">\n          <div class=\"game-controls--hint\">${this._renderHintButton()}</div>\n          <div class=\"game-controls--answers\">${this._renderAnswers()}</div>\n        </div>\n\n        ${this._renderFeedback()}\n      </div>\n    `;\n  }\n\n  // renders the item for the year to guess\n  private _renderIncident(): TemplateResult {\n    return html`\n      <div class=\"incident--title\">\n        <h1>${this._incident?.title}</h1>\n      </div>\n\n      ${this._renderIncidentImage(this._incident)}\n\n      <div class=\"incident--text\">\n        <p>${this._incident?.text}</p>\n      </div>\n    `;\n  }\n\n  // renders the optional image with the item\n  private _renderIncidentImage(incident: Incident | undefined): TemplateResult {\n    if (incident && incident.image) {\n      return html`\n        <div class=\"incident--image\">\n          <img src=\"${incident.image}\" />\n        </div>\n      `;\n    }\n\n    return html``;\n  }\n\n  // renders a list of possible answers\n  private _renderAnswers(): TemplateResult {\n    return html`\n      <div class=\"answers--list\">\n        <ul>\n          ${this._answers.map(\n      (answer) =>\n        html`<li @click=\"${this._handleAnswerClicked}\">${answer}</li>`,\n    )}\n        </ul>\n      </div>\n    `;\n  }\n\n  // renders the current question score\n  // it counts back to 0\n  private _renderGameScore(): TemplateResult {\n    return html`\n      <div class=\"game-score--total\">\n        <div class=\"game-score--label\">${this.i18n.translate(\"question-number\")}:</div>\n        <div class=\"game-score--value\">\n          ${this._numberOfQuestionsSeen} van ${this.numberOfQuestions}\n        </div>\n      </div>\n\n      <div class=\"game-score--score\">\n        <div class=\"game-score--label\">${this.i18n.translate(\"question-score\")}:</div>\n        <div class=\"game-score--value\">${this._score0.value}</div>\n      </div>\n\n      <div class=\"game-score--total\">\n        <div class=\"game-score--label\">${this.i18n.translate(\"total-score\")}:</div>\n        <div class=\"game-score--value\">${this.totalScore}</div>\n      </div>\n    `;\n  }\n\n  // handles the click on an answer\n  private _handleAnswerClicked(event: any): void {\n    // get the clicked answer\n    const answer = event.target.textContent;\n\n    // stop the score counter\n    this._score0.stop();\n\n    // remove the hint button\n    this._showHint = false;\n\n    // check if the answer is correct\n    if (answer) {\n      // this._apiService.postIncidentAnswer(this._incident?.id, answer);\n      console.info(\n        answer,\n        this._solution,\n        this._score,\n        answer == this._solution,\n      );\n\n      this._answer = answer;\n    }\n  }\n\n  // renders the requested hint\n  private _renderHint(): TemplateResult {\n    if (!this._hint) {\n      return html``;\n    }\n\n    return html` <p>${this._hint}</p> `;\n  }\n\n  // renders the hint button until\n  // all max hints have been used\n  private _renderHintButton(): TemplateResult {\n    if (!this._showHint) {\n      return html``;\n    }\n\n    return html`\n      <div class=\"game-controls--hint\">\n        <button @click=\"${this._handleHintClicked}\">\n         ${this.i18n.translate(\"show-hint\")} (${this.maxHints - this._hintsIndex})\n        </button>\n      </div>\n    `;\n  }\n\n  // handles the click on the hint button\n  // and shows the next hint if available\n  // subtracts the cost of the hint from\n  // the question score\n  private _handleHintClicked(): void {\n    console.info(\"handleHintClicked\", [this._hintsIndex, this._hints.length]);\n\n    if (this._hintsIndex < this._hints.length) {\n      const hintText = this._generateHintText(this._hints[this._hintsIndex]);\n\n      if (hintText) {\n        this._hint = hintText;\n        this._hintsIndex++;\n        this._score0.subtract(HINT_COST);\n      }\n    }\n\n    if (this._hintsIndex >= this._hints.length) {\n      // this._hintsIndex = 0;\n      this._showHint = false;\n    }\n  }\n\n  // renders the feedback overlay\n  private _renderFeedback(): TemplateResult {\n    // do not show anything until an answer has been made\n    // and the score is greater than 0\n    if (!this._answer && this._score0.value > 0) {\n      return html``;\n    }\n\n    // check if the answer is correct\n    // cast to strings to compare\n    const is_correct = this._answer + \"\" == this._solution + \"\";\n    const score = is_correct ? this._score0.value : 0;\n\n    if (this._score0.isRunning()) {\n      this._score0.stop();\n    }\n\n    this.totalScore += score;\n\n    if (is_correct) {\n      return html`\n        <div class=\"feedback\">\n          <div class=\"feedback--content\">\n            <h3>${this.i18n.translate(\"answer-correct\")}!</h3>\n            <p>\n              ${this._hintsIndex == 1 ? this.i18n.translate(\"used-hint-singular\") : this.i18n.translate(\"used-hint-plural\").replace(/__HINTS__/, this._hintsIndex + '')}\n            </p>\n            <p>\n              ${score == 1 ? this.i18n.translate(\"number-points-singular\") : this.i18n.translate(\"number-points-plural\").replace(/__POINTS__/, score + '')}\n            </p>\n\n            ${this._renderNextQuestionButton()}\n          </div>\n        </div>\n      `;\n    } else if (!is_correct && this._answer) {\n      return html`\n        <div class=\"feedback\">\n          <div class=\"feedback--content\">\n            <h3>${this.i18n.translate(\"answer-wrong\")}</h3>\n            <p>\n              ${this.i18n.translate(\"correct-answer-was\").replace(/__WRONG__/, this._answer + '').replace(/__CORRECT__/, this._solution + '')}\n            </p>\n            ${this._renderNextQuestionButton()}\n          </div>\n        </div>\n      `;\n    } else {\n      return html`\n        <div class=\"feedback\">\n          <div class=\"feedback--content\">\n            <h3>Helaas</h3>\n            <p>\n            ${this.i18n.translate(\"no-answer-correct-answer-was\").replace(/__CORRECT__/, this._solution + '')}\n            </p>\n            ${this._renderNextQuestionButton()}\n          </div>\n        </div>\n      `;\n    }\n  }\n\n  // renders the next question button\n  private _renderNextQuestionButton(): TemplateResult {\n    if (this._numberOfQuestionsSeen < this.numberOfQuestions) {\n      return html`\n        <button @click=\"${this._loadQuestion}\">${this.i18n.translate(\"next-question\")}</button>\n      `;\n    }\n\n    return html` <button @click=\"${this._endGame}\">${this.i18n.translate(\"quit\")}</button> `;\n  }\n\n  // renders the end of the game\n  private _endGame(): void {\n    this._renderState = GameState.END;\n  }\n\n  private renderGameEnd(): TemplateResult {\n    // clearInterval(this._scoreIntervalHandler);\n\n    console.debug(\"renderGameEnd\");\n    return html`\n      ${this._renderHeader(\"The end!\")}\n      <div class=\"guess-the-year-game-end\">${this.i18n.translate(\"end\")}</div>\n      <button @click=\"${() => (this._renderState = GameState.SPLASH)}\">\n      ${this.i18n.translate(\"new-game\")}\n      </button>\n      ${this._renderFooter()}\n    `;\n  }\n\n  // private _incidentsStack = [];\n\n  // private _totalScore: number = 0;\n\n  private setupNewGame(): void {\n    console.log(\"new game!\");\n\n    console.info({\n      \"number of questions\": this.numberOfQuestions,\n      from: this.from.toISOString(),\n      to: this.to.toISOString(),\n    });\n\n    this.totalScore = 0;\n    this._numberOfQuestionsSeen = 0;\n\n    // this._question.load(this.from.format('YYYY'), this.to.format('YYYY'));\n    // this._question.init();\n\n    this._loadQuestion();\n  }\n\n  private _resetStage(): void {\n    // window.scrollTo(0, 0);\n    this.sources = [];\n    this._incident = undefined;\n    this._hints = [];\n    this._answer = undefined;\n    this._answers = [];\n    this._hintsIndex = 0;\n    this._score0.reset();\n    this._showHint = false;\n    this._hint = undefined;\n  }\n\n  async _loadQuestion(): Promise<void> {\n    this._resetStage();\n\n    const response: { incident: Incident | undefined; sources: string[] } =\n      await this._apiService.fetchOneIncident(\n        this.country,\n        this.category,\n        this.emotion,\n        this.impact,\n        this.date,\n        this.from.format(\"YYYY-MM-DD\"),\n        this.to.format(\"YYYY-MM-DD\"),\n        \"40\",\n        \"quiz_year\"\n      );\n\n    this._startTime = new Date();\n    this._endTime = new Date();\n    this._incident = response.incident;\n    this.sources = response.sources;\n    this._tries = this.maxTries;\n\n    this._solution = Number(\n      (response.incident?.yearplusmonth || \"\").substring(0, 4),\n    );\n\n    const answers = [this._solution];\n    const from = this.from.year();\n    const to = this.to.year();\n\n    // generate 3 more random and unique answers between to and from\n    while (answers.length < 4) {\n      const randomAnswer = Math.floor(Math.random() * (to - from)) + from;\n      if (!answers.includes(randomAnswer)) {\n        answers.push(randomAnswer);\n      }\n    }\n\n    // sort theses answers\n    answers.sort();\n\n    this._answers = answers;\n\n    for (let i = 0; i < this.maxHints; i++) {\n      console.info(\"loading hint\", i);\n\n      const response: { incident: Incident | undefined; sources: string[] } =\n        await this._apiService.fetchOneIncident(\n          this.country,\n          Util.shuffleArray(Categories).shift(),\n          undefined,\n          undefined,\n          \"\",\n          `${this._solution}-01-01`,\n          `${this._solution}-12-31`,\n          undefined,\n          undefined,\n        );\n\n      if (response.incident) {\n        this._hints.push(response.incident);\n      }\n    }\n\n    if (this._hints.length === 0) {\n      this._showHint = false;\n    }\n    else {\n      this._showHint = true;\n    }\n\n    // start render game stage\n    this._renderState = GameState.PLAY;\n\n    // start score counter\n    this._score0.start();\n\n    // increment question counter\n    this._numberOfQuestionsSeen += 1;\n  }\n\n  renderRefreshButton(): TemplateResult {\n    return html`<div class=\"refresh\" id=\"refresh\" @click=\"${this.setupNewGame}\">\n      <span>${unsafeHTML(RefreshIconSVG)}</span>\n    </div>`;\n  }\n\n  renderStopGameButton(): TemplateResult {\n    return html`<div\n      class=\"stop-game\"\n      id=\"stop-game\"\n      @click=\"${() => {\n        this._displaySolution = true;\n      }}\"\n    >\n      <span>${unsafeHTML(SolutionIconSVG)}</span>\n    </div>`;\n  }\n\n  renderFeedbackPossibility(): TemplateResult {\n    if (this.showFeedback) {\n      return html`<div class=\"feedback-possibility\">\n        <input\n          type=\"text\"\n          id=\"feedback\"\n          size=\"15\"\n          placeholder=\"${this.i18n.translate(\"your-feedback\")}\"\n        />\n      </div>`;\n    } else {\n      return html``;\n    }\n  }\n\n  renderSubmitPossibility(): TemplateResult {\n    return html`<div class=\"submit-possibility\">\n      <input\n        type=\"text\"\n        id=\"answer\"\n        size=\"15\"\n        ?disabled=${this._displaySolution}\n        placeholder=\"${this.i18n.translate(\"your-answer\")}\"\n      />\n      ${this.renderTries()}\n    </div>`;\n  }\n\n  renderTries(): TemplateResult {\n    const i18nKey = this._tries > 1 ? \"tries-left\" : \"try-left\";\n    if (this._tries >= 0 && !this._displaySolution) {\n      return html`<span class=\"tries\"\n        >${this.i18n\n          .translate(i18nKey)\n          .replace(\"__TRIES__\", \"\" + this._tries)}</span\n      >`;\n    }\n    return html``;\n  }\n\n  renderTheSolution(): TemplateResult {\n    if (this._displaySolution) {\n      return html`<div class=\"solution\">${this._solution}</div>\n        ${this.renderTheDuration()} `;\n    }\n    return html``;\n  }\n\n  renderTheDuration(): TemplateResult {\n    const duration = Math.round(\n      new Date(this._endTime.getTime() - this._startTime.getTime()).getTime() /\n      1000,\n    );\n    const i18nKey = duration === 1 ? \"in-x-seconds\" : \"in-one-second\";\n    if (this.showDuration && this._answeredCorrectly) {\n      return html`<div class=\"timer\">\n        ${this.i18n.translate(i18nKey).replace(\"__SECONDS__\", \"\" + duration)}\n      </div>`;\n    }\n    return html``;\n  }\n\n  renderTiles(incident: Incident | undefined) {\n    console.debug(\"renderTiles\");\n    if (!incident) {\n      return \"\";\n    }\n    return html`${this.renderTile(incident)}`;\n  }\n\n  private _tileShouldDisplayAnImage(incident: Incident): boolean {\n    const hasImage = !!incident.image;\n    const displayImages = !this.suppressImages;\n    return hasImage && displayImages;\n  }\n\n  renderTile(incident: Incident): TemplateResult {\n    console.debug(\"renderTile\");\n    const tileContent: TemplateResult = this.renderTileContent(incident);\n    if (this._tileShouldDisplayAnImage(incident)) {\n      return html`<div class=\"guess-the-year-tile with-image\">\n        ${tileContent}\n      </div>`;\n    }\n\n    return html`<div class=\"guess-the-year-tile\">${tileContent}</div>`;\n  }\n\n  renderTileContent(incident: Incident): TemplateResult {\n    console.debug(\"renderTileContent\");\n    return html`<div class=\"guess-the-year-tile-content\">\n      ${this.renderTileTitle(incident)} ${this.renderTileImage(incident)}\n      ${this.renderTileTextContent(incident)}\n    </div>`;\n  }\n\n  private _generateHintText(hintIncident: Incident): string {\n    let hint = \"\";\n    const hintTemplates = this.i18n.HintTemplates[hintIncident.category];\n    switch (hintIncident.category) {\n      case \"newsItem\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] || \"\"\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"radioSong\":\n        // The title property of radioSongs always follow this pattern: track - artist\n        const track = hintIncident.title.replace(/(.*?)\\s+\\-.*/, \"$1\");\n        const artist = hintIncident.title.replace(/.*\\-(.*)/, \"$1\");\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        )\n          .replace(/__ARTIST__/, artist)\n          .replace(/__TRACK__/, track);\n        break;\n      case \"cinemaMovie\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"tech\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"newsPresenter\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n      case \"sports\":\n        hint = (\n          hintTemplates[Math.round(Math.random() * hintTemplates.length)] ||\n          hintTemplates[0]\n        ).replace(/__TITLE__/, hintIncident.title);\n        break;\n    }\n    return hint;\n  }\n\n  renderHintTile(hint: Incident | undefined): TemplateResult {\n    if (hint) {\n      console.debug(\"renderHint\");\n      return html`<div class=\"guess-the-year-hint-tile\">\n        <h1 class=\"title\">\n          Hint ${this._intervalsPassed} <br />\n          ${this._generateHintText(hint)}\n        </h1>\n        ${this.renderTileTextContent(hint)}\n      </div>`;\n    }\n    return html``;\n  }\n\n  renderTileTitle(incident: Incident): TemplateResult {\n    console.debug(\"renderTileTitle\");\n    if (incident.title) {\n      return html`<h1 class=\"guess-the-year-tile-title\">${incident.title}</h1>`;\n    }\n    return html``;\n  }\n\n  renderTileImage(incident: Incident): TemplateResult {\n    console.debug(\"renderTileImage\");\n    if (this._tileShouldDisplayAnImage(incident)) {\n      return html`<img\n        @error=${(evt: Event) => {\n          this._handleImageLoadError(evt, incident);\n        }}\n        src=${incident.image}\n      />`;\n    }\n    return html``;\n  }\n\n  renderTileTextContent(incident: Incident): TemplateResult {\n    console.debug(\"renderTileTextContent\");\n    if (incident.text) {\n      return html`<p class=\"hint-text\">${incident.text}</p>`;\n    }\n    return html``;\n  }\n\n  renderSources(): TemplateResult {\n    console.debug(\"renderSources\");\n    if (!this.sources.length) {\n      return html``;\n    }\n    // deduplicate array via [...new Set(this.sources)]\n    return html`\n      <div class=\"guess-the-year-sources\">\n        Source: ${[...new Set(this.sources)].join(\", \")}\n      </div>\n    `;\n  }\n\n  // private _incidentsTask: Task = new Task(this, {\n  //   task: async ([]) => {\n  //     console.debug('incidentsTask');\n  //     if (!this.loading) {\n  //       this.loading = true;\n  //       await this.setupNewGame();\n  //       this.loading = false;\n  //     }\n  //   },\n  //   args: () => [\n  //     this.country,\n  //     this.category,\n  //     this.emotion,\n  //     this.impact,\n  //     this.date,\n  //     this.from,\n  //     this.to,\n  //   ],\n  // });\n\n  _handleImageLoadError = (evt: Event, incident: Incident) => {\n    // grab the image element that triggered the error\n    const targetImage = evt.target as HTMLImageElement;\n    console.info(`Error loading image: ${targetImage.src}`);\n\n    // find out which no image source needs to be used\n    const noImageSrc = this.noImageSrc || NoImageImg;\n\n    // don't try to set the image source if it\n    // has already been set\n    if (targetImage.src == noImageSrc) {\n      return;\n    }\n\n    // report broken images back to the server if set.\n    if (this.reportBrokenImages) {\n      if (incident) {\n        this._apiService.postAttributeQualityFeedback(\n          incident.id,\n          \"image\",\n          targetImage.src,\n          ContentFeedback.incorrect,\n        );\n      }\n    }\n\n    // wait a bit before setting the image\n    // so we don't hammer the no image server\n    setTimeout(() => {\n      targetImage.src = noImageSrc;\n    }, 250);\n\n    return false;\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"guess-the-year\": GuessTheYear;\n  }\n}\n"]}