Method set

src/core/context/values.js:95–136

* Sets the property's input value. This is analogous to a CSS specified * value. Several values for the same property can be set on a node - one * per each setter. A repeated call for the same setter overwrites a * previously set input. This is similar to how the same CSS property can be

(prop, setter, value)

   * @template T
   */
  set(prop, setter, value) {
    devAssert(setter);
    devAssert(value !== undefined);

    const {key} = prop;

    const inputsByKey = this.inputsByKey_ || (this.inputsByKey_ = new Map());
    let inputs = inputsByKey.get(key);
    if (!inputs) {
      inputs = {
        values: [],
        setters: [],
      };
      inputsByKey.set(key, inputs);
    }
    const index = inputs.setters.indexOf(setter);
    const changed = index == -1 || inputs.values[index] !== value;
    if (index == -1) {
      inputs.setters.push(setter);
      inputs.values.push(value);
    } else if (changed) {
      inputs.values[index] = value;
    }

    if (changed) {
      // An input has been added to a node for a first time. This might
      // affect all values in this and child nodes. The simplest algorithm
      // here is to deep scan all descendants and refresh them.
      // Optimization opportunity: in simple but common manipulations the
      // deepscan can be avoided.
      this.ping(prop, false);
      if (isRecursive(prop)) {
        deepScan(
          this.contextNode_,
          scan,
          prop,
          /*state=*/ true,
          /*includeSelf=*/ false
        );
      }
    }
  }

  /**
   * Unsets the input value for the specified property and setter.