ce-example-03.js

const $value = Symbol('value');

class MyElement extends HTMLElement {
  static get observedAttributes() {
    return ['value'];
  }
  
  set value(value) {
    this[$value] = value;
  }
  
  get value() {
    return this[$value];
  }
  
  attributeChangedCallback(attr, oldValue, newValue) {
    if (oldValue !== newValue) {
      this[attr] = newValue;
    }
  }
  
  connectedCallback() {
    // run stored value through setter
    if (this.hasOwnProperty('value')) {
      const value = this.value;
      delete this.value;
      this.value = value;
    }
  }
}

customElements.define('my-element', MyElement);