d3-view/src/model/main.js

View-model d3 plugin for building interactive data-driven web interfaces

import warn from "../utils/warn";
import { $push, $splice } from "./array";
import asModel from "./as";
import $change from "./change";
import $connect from "./connect";
import $data from "./data";
import $emit from "./emit";
import $isReactive from "./isreactive";
import $off from "./off";
import $on from "./on";
import $owner from "./owner";
import $set from "./set";
import toString from "./string";
import $update from "./update";

//
//  Model class
//
//  The model is at the core of d3-view reactive data component
function Model(initials, parent) {
  asModel(this, initials, parent, true);
}

export default function model(initials) {
  return new Model(initials);
}

model.prototype = Model.prototype = {
  constructor: Model,
  // Public API methods
  toString,
  $on,
  $change,
  $connect,
  $emit,
  $update,
  $set,
  $new,
  $off,
  $isReactive,
  $owner,
  $data,
  $push,
  $splice,
  $logWarn(msg) {
    if (this.$$view) this.$$view.logWarn(msg);
    else warn(msg);
  }
};

Object.defineProperties(Model.prototype, {
  root: {
    get() {
      return this.parent ? this.parent.root : this;
    }
  },
  isolatedRoot: {
    get() {
      return !this.isolated && this.parent ? this.parent.isolatedRoot : this;
    }
  }
});

function $new(initials) {
  return new Model(initials, this);
}