"use strict";

const DOMTokenList = require("../generated/DOMTokenList");
const HTMLElementImpl = require("./HTMLElement-impl").implementation;
const DefaultConstraintValidationImpl =
  require("../constraint-validation/DefaultConstraintValidation-impl").implementation;
const { mixin } = require("../../utils");
const { getLabelsForLabelable, formOwner } = require("../helpers/form-controls");

class HTMLOutputElementImpl extends HTMLElementImpl {
  constructor(globalObject, args, privateData) {
    super(globalObject, args, privateData);
    this._labels = null;
    this._defaultValue = "";
    this._valueMode = "default";

    this._customValidityErrorMessage = "";
  }

  _attrModified(name, value, oldValue) {
    super._attrModified(name, value, oldValue);

    if (name === "for" && this._htmlFor !== undefined) {
      this._htmlFor.attrModified();
    }
  }

  _barredFromConstraintValidationSpecialization() {
    return true;
  }

  _formReset() {
    if (this._valueMode === "value") {
      this.textContent = this._defaultValue;
    }

    this._defaultValue = "";
    this._valueMode = "default";
  }

  get htmlFor() {
    if (this._htmlFor === undefined) {
      this._htmlFor = DOMTokenList.createImpl(this._globalObject, [], {
        element: this,
        attributeLocalName: "for"
      });
    }
    return this._htmlFor;
  }

  get type() {
    return "output";
  }

  get labels() {
    return getLabelsForLabelable(this);
  }

  get form() {
    return formOwner(this);
  }

  get value() {
    return this.textContent;
  }

  set value(val) {
    this._valueMode = "value";
    this._defaultValue = this.textContent;
    this.textContent = val;
  }

  get defaultValue() {
    return this._valueMode === "default" ? this.textContent : this._defaultValue;
  }

  set defaultValue(val) {
    this._defaultValue = val;

    if (this._valueMode === "default") {
      this.textContent = val;
    }
  }
}

mixin(HTMLOutputElementImpl.prototype, DefaultConstraintValidationImpl.prototype);

module.exports = {
  implementation: HTMLOutputElementImpl
};

@@ -587,46 +587,23 @@
 alue
- = %22%22;%0A    this._valueMode = %22default%22
+Override = null
 ;%0A%0A 
@@ -938,49 +938,8 @@
 ) %7B%0A
-    if (this._valueMode === %22value%22) %7B%0A  
     
@@ -958,25 +958,24 @@
 tent = this.
-_
 defaultValue
@@ -980,15 +980,8 @@
 ue;%0A
-    %7D%0A%0A
     
@@ -1002,46 +1002,23 @@
 alue
- = %22%22;%0A    this._valueMode = %22default%22
+Override = null
 ;%0A  
@@ -1487,39 +1487,36 @@
 is._
-valueMode = %22value%22;%0A   
+defaultValueOverride =
  this.
-_
 defa
@@ -1527,27 +1527,8 @@
 alue
- = this.textContent
 ;%0A  
@@ -1589,84 +1589,125 @@
     
-return this._valueMode === %22default%22 ? this.textContent : this._defaultValue
+if (this._defaultValueOverride !== null) %7B%0A      return this._defaultValueOverride;%0A    %7D%0A    return this.textContent
 ;%0A  
@@ -1731,32 +1731,36 @@
 alue(val) %7B%0A    
+if (
 this._defaultVal
@@ -1765,93 +1765,117 @@
 alue
- = val;%0A%0A    if (this._valueMode === %22default%22) %7B%0A      this.textContent = val;%0A    %7D
+Override === null) %7B%0A      this.textContent = val;%0A      return;%0A    %7D%0A%0A    this._defaultValueOverride = val;
 %0A  %7D

Refactor <output>